/* ==========================================================
   Salon Démo — Design tokens  ("Ink & Gold")
   Tout changement de palette / espacement se fait ici.
   ========================================================== */
:root {
  --font: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* espacements */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px;

  /* rayons */
  --r-sm: 10px; --r-md: 16px; --r-lg: 22px; --r-xl: 30px; --r-pill: 999px;

  /* mouvement */
  --ease: cubic-bezier(.2, .8, .2, 1);
  --t-fast: .15s;
  --t: .28s;

  /* zone tactile minimale */
  --tap: 48px;

  /* sémantique (identique dans les deux thèmes) */
  --success: #3fb58a;
  --danger:  #e5645a;
  --warn:    #e0a43a;
  --info:    #5a92d6;
}

/* ---------- Thème sombre (défaut) ---------- */
:root,
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg:        #0b0a09;
  --glow:      rgba(201, 154, 63, .10);
  --rail:      #100f0e;
  --card:      #161513;
  --card-2:    #1d1b18;
  --card-3:    #25221e;
  --line:      rgba(255, 255, 255, .07);
  --line-2:    rgba(255, 255, 255, .13);
  --text:      #f5f0e6;
  --text-2:    #a9a193;
  --text-3:    #71695d;
  --gold:      #c99a3f;
  --gold-2:    #dcb25a;
  --gold-soft: rgba(201, 154, 63, .15);
  --gold-line: rgba(201, 154, 63, .38);
  --on-gold:   #1a1307;
  --shadow:    0 14px 40px rgba(0, 0, 0, .45);
  --shadow-sm: 0 4px 14px rgba(0, 0, 0, .35);
  --scrim:     rgba(4, 3, 2, .66);
  --danger-soft:  rgba(229, 100, 90, .14);
  --success-soft: rgba(63, 181, 138, .14);
}

/* ---------- Thème clair ---------- */
:root[data-theme="light"] {
  color-scheme: light;
  --bg:        #f2ede3;
  --glow:      rgba(201, 154, 63, .16);
  --rail:      #e7e0d2;
  --card:      #fffdf8;
  --card-2:    #f6f1e7;
  --card-3:    #ece5d6;
  --line:      rgba(40, 28, 8, .09);
  --line-2:    rgba(40, 28, 8, .17);
  --text:      #1c1810;
  --text-2:    #6a6252;
  --text-3:    #857c6a;
  --gold:      #ad7a1c;
  --gold-2:    #96680f;
  --gold-soft: rgba(185, 132, 40, .13);
  --gold-line: rgba(185, 132, 40, .45);
  --on-gold:   #fffaf0;
  --shadow:    0 14px 36px rgba(70, 48, 10, .13);
  --shadow-sm: 0 4px 12px rgba(70, 48, 10, .09);
  --scrim:     rgba(30, 20, 6, .42);
  --danger-soft:  rgba(229, 100, 90, .12);
  --success-soft: rgba(63, 181, 138, .14);
}