/* ============================================================
   Tokens — palette, typographie, échelle
   Source unique consommée par style.css ET css/bo.css.
   Un theme de tenant (themes/{tenant}/tokens.css) peut surcharger
   tout ou partie de ces variables — le charger APRES ce fichier.
   ============================================================ */

:root {
  /* Palette */
  --color-accent:          #c9a84c;
  --color-accent-light:    #e8c97a;
  --color-accent-dark:     #8a6a1f;
  --black:                 #0a0805;
  --dark:                  #0f0c08;
  --dark2:                 #131008;
  --color-text:            #f5edd8;
  --color-text-secondary:  #c8b882;
  --color-text-muted:      #c8b890;

  /* Texte sur fond accent (boutons pleins, badges...) */
  --color-on-accent:       var(--black);

  /* Composantes RGB — pour rgba(var(--x-rgb), alpha) dans les degrades/ombres */
  --color-accent-rgb:      201,168,76;
  --black-rgb:             10,8,5;
  --color-text-muted-rgb:  200,184,144;
  --color-text-dim-rgb:    184,168,122;

  /* Typographie — changer ici suffit pour tout le site */
  --font: 'Raleway', sans-serif;

  /* Families typographiques (references dans le CSS, declarees ici) */
  --font-caption:  -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-serif:    'Playfair Display', serif;
  --font-body:     'Cormorant Garamond', serif;
  --font-banniere: var(--font-body);

  /* Textes alternatifs */
  --color-text-dim: #b8a87a;

  /* Échelle typographique */
  --fs-xs:   clamp(0.82rem, 1.4vw, 0.92rem);
  --fs-sm:   clamp(0.9rem,  1.5vw, 1.02rem);
  --fs-base: clamp(1rem,   1.8vw, 1.15rem);
  --fs-md:   clamp(1.1rem,  2vw,  1.4rem);
  --fs-lg:   clamp(1.2rem, 2.5vw, 1.45rem);
  --fs-xl:   clamp(1.8rem, 3.5vw, 2.6rem);
  --fs-2xl:  clamp(2rem, 6vw, 3.2rem);
  --fs-hero: clamp(2.4rem, 5vw, 3.4rem);

  /* Surfaces de carte (catalogue, etc.) */
  --card-bg: #18150e;

  /* Bordures récurrentes */
  --border-accent: 1px solid rgba(var(--color-accent-rgb),0.2);
  --border-strong: 1px solid rgba(var(--color-accent-rgb),0.4);

  /* Nav */
  --nav-h: 44px;

  /* Forme du switch clair/sombre — surchargeable par tenant (0 = carre, 50% = rond) */
  --theme-toggle-radius: 50%;
}

/* Mode clair */
[data-theme="light"] {
  --black:                 #fdfaf5;
  --dark:                  #f8f3e6;
  --dark2:                 #f2ece0;
  --color-text:            #1a130a;
  --color-text-secondary:  #2e2008;
  --color-text-muted:      #3a200a;
  --color-accent:          #6b4e10;
  --color-accent-light:    #7a5810;
  --color-accent-dark:     #5a3e08;

  /* Composantes RGB — pour rgba(var(--x-rgb), alpha) dans les degrades/ombres */
  --color-accent-rgb:      154,114,24;
  --black-rgb:             253,250,245;
  --color-text-muted-rgb:  58,32,10;

  --card-bg: #f5f0e6;
  --color-text-dim: #6b5530;
  --color-text-dim-rgb: 107,85,48;

  --border-accent: 1px solid rgba(var(--color-accent-rgb),0.28);
  --border-strong: 1px solid rgba(var(--color-accent-rgb),0.5);
}