/* ============================================================
   PAGINATIVE — Design Tokens
   3 thèmes : dark (défaut) · light · boost
   Police body : DM Sans partout
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=Playfair+Display:ital,wght@0,700;1,400;1,700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

/* ── DARK (défaut) ─────────────────────────────────────── */
[data-theme="dark"],
:root {
  --bg:          #0d0c14;
  --bg-2:        #13111e;
  --bg-3:        #1a1728;
  --surface:     #1e1b2e;
  --surface-2:   #252138;
  --border:      rgba(255,255,255,0.07);
  --border-2:    rgba(255,255,255,0.12);

  --text:        #f0eee8;
  --text-2:      #b8b4aa;
  --text-3:      #7a7672;
  --text-inv:    #0d0c14;

  --accent:      #c9a84c;
  --accent-dim:  #a8883a;
  --accent-glow: rgba(201,168,76,0.18);
  --accent-bg:   rgba(201,168,76,0.08);

  --rose:        #c17c74;
  --rose-bg:     rgba(193,124,116,0.10);
  --lav:         #9b8dc4;
  --lav-bg:      rgba(155,141,196,0.10);
  --sage:        #7aaa8a;
  --sage-bg:     rgba(122,170,138,0.10);
  --mist:        #8aadbe;
  --mist-bg:     rgba(138,173,190,0.10);
  --amber:       #d4956a;
  --amber-bg:    rgba(212,149,106,0.10);

  --success:     #4caf7d;
  --warning:     #e6a817;
  --error:       #e05c5c;
  --info:        #5b9bd5;

  --shadow-sm:   0 2px 8px rgba(0,0,0,0.35);
  --shadow-md:   0 8px 24px rgba(0,0,0,0.45);
  --shadow-lg:   0 20px 48px rgba(0,0,0,0.55);
  --shadow-gold: 0 0 24px rgba(201,168,76,0.20);

  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'DM Sans', system-ui, sans-serif;
  --font-code:    'JetBrains Mono', monospace;

  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 24px;
  --r-full: 9999px;

  --ease-book:   cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-reveal: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-settle: cubic-bezier(0.34, 1.2, 0.64, 1);

  --t-fast:   180ms;
  --t-action: 380ms;
  --t-page:   450ms;
  --t-reveal: 600ms;
}

/* ── LIGHT ──────────────────────────────────────────────── */
[data-theme="light"] {
  --bg:          #faf4ee;
  --bg-2:        #f3ece3;
  --bg-3:        #ece3d8;
  --surface:     #ffffff;
  --surface-2:   #f7f1ea;
  --border:      rgba(90,60,30,0.10);
  --border-2:    rgba(90,60,30,0.16);

  --text:        #2c1f0e;
  --text-2:      #6b5540;
  --text-3:      #a08870;
  --text-inv:    #faf4ee;

  --accent:      #7a4838;
  --accent-dim:  #623a2c;
  --accent-glow: rgba(122,72,56,0.15);
  --accent-bg:   rgba(122,72,56,0.07);

  --rose:        #c0534a;
  --rose-bg:     rgba(192,83,74,0.08);
  --lav:         #7c6daa;
  --lav-bg:      rgba(124,109,170,0.08);
  --sage:        #4f8a62;
  --sage-bg:     rgba(79,138,98,0.08);
  --mist:        #4a7d96;
  --mist-bg:     rgba(74,125,150,0.08);
  --amber:       #b87440;
  --amber-bg:    rgba(184,116,64,0.08);

  --success:     #2e8b57;
  --warning:     #c8850e;
  --error:       #c0392b;
  --info:        #2471a3;

  --shadow-sm:   0 2px 8px rgba(90,60,30,0.10);
  --shadow-md:   0 8px 24px rgba(90,60,30,0.14);
  --shadow-lg:   0 20px 48px rgba(90,60,30,0.18);
  --shadow-gold: 0 0 24px rgba(122,72,56,0.15);
}

/* ── BOOST ──────────────────────────────────────────────── */
[data-theme="boost"] {
  --bg:          #fafafe;
  --bg-2:        #f3f0ff;
  --bg-3:        #ebe6ff;
  --surface:     #ffffff;
  --surface-2:   #f6f3ff;
  --border:      rgba(124,58,237,0.10);
  --border-2:    rgba(124,58,237,0.18);

  --text:        #1a0a3c;
  --text-2:      #5b4d7a;
  --text-3:      #9585b8;
  --text-inv:    #ffffff;

  --accent:      #7c3aed;
  --accent-dim:  #6d28d9;
  --accent-glow: rgba(124,58,237,0.22);
  --accent-bg:   rgba(124,58,237,0.08);

  --rose:        #db2777;
  --rose-bg:     rgba(219,39,119,0.08);
  --lav:         #7c3aed;
  --lav-bg:      rgba(124,58,237,0.08);
  --sage:        #059669;
  --sage-bg:     rgba(5,150,105,0.08);
  --mist:        #0284c7;
  --mist-bg:     rgba(2,132,199,0.08);
  --amber:       #d97706;
  --amber-bg:    rgba(217,119,6,0.08);

  /* Boost-only extras */
  --pink:        #f472b6;
  --pink-bg:     rgba(244,114,182,0.10);
  --cyan:        #22d3ee;
  --cyan-bg:     rgba(34,211,238,0.10);
  --lime:        #84cc16;
  --lime-bg:     rgba(132,204,22,0.10);
  --orange:      #f97316;
  --orange-bg:   rgba(249,115,22,0.10);
  --red:         #ef4444;
  --red-bg:      rgba(239,68,68,0.10);

  --font-display: 'Space Grotesk', system-ui, sans-serif;

  --success:     #10b981;
  --warning:     #f59e0b;
  --error:       #ef4444;
  --info:        #3b82f6;

  --shadow-sm:   0 2px 8px rgba(124,58,237,0.10);
  --shadow-md:   0 8px 24px rgba(124,58,237,0.15);
  --shadow-lg:   0 20px 48px rgba(124,58,237,0.20);
  --shadow-gold: 0 0 24px rgba(124,58,237,0.25);
}