/* =====================================================================
   ANTHÉLIE — Design tokens (couleur + typographie)  ·  v0.2 (light only)
   « La lumière qu'on entretient. »
   Source unique de vérité. Variables CSS utilisables partout
   (HTML/CSS, WordPress theme.json, Tailwind config, etc.)
   ===================================================================== */

:root {
  /* ---------- 1. RAMPES PRIMITIVES (ne pas utiliser en direct dans l'UI) ---------- */
  --anth-sand-50: #FBF7F0;
  --anth-sand-100: #E4E0D9;
  --anth-sand-200: #CEC9C2;
  --anth-sand-300: #B8B3AC;
  --anth-sand-400: #A29D97;
  --anth-sand-500: #8D8882;
  --anth-sand-600: #79736D;
  --anth-sand-700: #655F59;
  --anth-sand-800: #524C46;
  --anth-sand-900: #2E2823;
  --anth-sand-950: #1A1510;

  --anth-gold-50: #FFFBF2;
  --anth-gold-100: #F6EAD6;
  --anth-gold-200: #EED7B4;
  --anth-gold-300: #E6C491;
  --anth-gold-400: #DFB06D;
  --anth-gold-500: #D89B45;
  --anth-gold-600: #B07A3F;
  --anth-gold-700: #885C36;
  --anth-gold-800: #61412B;
  --anth-gold-900: #3A281F;
  --anth-gold-950: #221711;

  --anth-sage-50: #F7F8F2;
  --anth-sage-100: #E8E6DB;
  --anth-sage-200: #CFD1BF;
  --anth-sage-300: #B4BCA5;
  --anth-sage-400: #97A98F;
  --anth-sage-500: #858C73;
  --anth-sage-600: #6F7A5F;
  --anth-sage-700: #5B5545;
  --anth-sage-800: #443C32;
  --anth-sage-900: #2D2621;
  --anth-sage-950: #191512;

  --anth-clay-50: #FDF4EC;
  --anth-clay-100: #F0E1CD;
  --anth-clay-200: #E4C3A3;
  --anth-clay-300: #D9A37C;
  --anth-clay-400: #CE835B;
  --anth-clay-500: #C2603F;
  --anth-clay-600: #9C5035;
  --anth-clay-700: #78402B;
  --anth-clay-800: #553022;
  --anth-clay-900: #352119;
  --anth-clay-950: #1C110D;

  --anth-teal-50: #F1F5F1;
  --anth-teal-100: #E0E7DE;
  --anth-teal-200: #C5CABA;
  --anth-teal-300: #A3B2A0;
  --anth-teal-400: #809C8A;
  --anth-teal-500: #5C857A;
  --anth-teal-600: #4F7268;
  --anth-teal-700: #415C53;
  --anth-teal-800: #33453F;
  --anth-teal-900: #222E2A;
  --anth-teal-950: #141A18;

  /* ---------- 2. TYPOGRAPHIE ---------- */
  --anth-font-display: "Fraunces", "Iowan Old Style", Georgia, serif;       /* titres / éditorial / logo */
  --anth-font-body: "Hanken Grotesk", "Segoe UI", system-ui, sans-serif;    /* UI / corps de texte */
  --anth-font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;    /* données, montants, code */

  /* Échelle typographique (base 16px · ratio 1.20 "tierce mineure") */
  --anth-text-overline: 0.75rem;   /* 12 */
  --anth-text-caption:  0.8125rem; /* 13 */
  --anth-text-sm:       0.875rem;  /* 14 */
  --anth-text-base:     1rem;      /* 16 */
  --anth-text-lg:       1.125rem;  /* 18 */
  --anth-text-xl:       1.375rem;  /* 22 */
  --anth-text-2xl:      1.75rem;   /* 28 */
  --anth-text-3xl:      2.25rem;   /* 36 */
  --anth-text-4xl:      3rem;      /* 48 */
  --anth-text-display:  clamp(2.75rem, 1.6rem + 5vw, 4.5rem); /* hero responsive */

  --anth-leading-tight: 1.1;
  --anth-leading-snug:  1.25;
  --anth-leading-normal:1.55;
  --anth-leading-relaxed:1.7;

  --anth-tracking-tight: -0.02em;  /* gros titres serif */
  --anth-tracking-normal: 0;
  --anth-tracking-wide: 0.14em;    /* overlines / capitales */

  --anth-weight-regular: 400;
  --anth-weight-medium: 500;
  --anth-weight-semibold: 600;
  --anth-weight-bold: 700;
  --anth-display-weight: 380;      /* Fraunces : élégance, pas de gras lourd */

  /* ---------- 3. RAYONS / OMBRES / ESPACE (extraits utiles au theming) ---------- */
  --anth-radius-sm: 6px;
  --anth-radius-md: 12px;
  --anth-radius-lg: 20px;
  --anth-radius-pill: 999px;
  --anth-shadow-sm: 0 1px 2px rgba(46,40,35,.06), 0 1px 3px rgba(46,40,35,.08);
  --anth-shadow-md: 0 4px 16px rgba(46,40,35,.08), 0 2px 6px rgba(46,40,35,.06);
  --anth-shadow-glow: 0 0 0 6px rgba(216,155,69,.14); /* halo doux, signature */
}

/* =====================================================================
   THÈME CLAIR (par défaut) — fond ivoire, lumière du jour
   ===================================================================== */
:root, [data-theme="light"] {
  --anth-bg:            var(--anth-sand-50);   /* fond de page (ivoire) */
  --anth-surface:       #FFFDF8;               /* cartes (blanc chaud) */
  --anth-surface-raised:#FFFFFF;               /* élévation max */
  --anth-surface-sunken:var(--anth-sand-100);
  --anth-border:        var(--anth-sand-200);  /* filets / séparateurs */
  --anth-border-strong: var(--anth-sand-300);

  --anth-text:          var(--anth-sand-900);  /* texte principal (ardoise) — 13.6:1 */
  --anth-text-secondary:var(--anth-sand-700);  /* 5.9:1 */
  --anth-text-muted:    var(--anth-sand-600);  /* ≥16px / non essentiel — 4.4:1 */
  --anth-text-on-accent:var(--anth-sand-900);  /* texte sur bouton or */

  --anth-accent:        var(--anth-gold-500);  /* couleur de marque (aplats, halo) */
  --anth-accent-hover:  var(--anth-gold-600);
  --anth-accent-text:   var(--anth-gold-700);  /* liens / texte accent — 5.4:1 */
  --anth-accent-subtle: var(--anth-gold-100);  /* fonds teintés */

  --anth-secondary:     var(--anth-sage-400);  /* végétal / vivant */
  --anth-secondary-text:var(--anth-sage-700);  /* 6.95:1 */
  --anth-secondary-subtle: var(--anth-sage-100);

  --anth-focus-ring:    var(--anth-gold-600);

  /* couleurs sémantiques — pensées en PAIRES discrètes (fond teinté + texte foncé + accent) */
  --anth-success-bg: var(--anth-sage-100); --anth-success-text: var(--anth-sage-800); --anth-success: var(--anth-sage-600);
  --anth-warning-bg: var(--anth-gold-100); --anth-warning-text: var(--anth-gold-800); --anth-warning: var(--anth-gold-600);
  --anth-error-bg:   var(--anth-clay-100); --anth-error-text:   var(--anth-clay-700); --anth-error:   var(--anth-clay-500);
  --anth-info-bg:    var(--anth-teal-100); --anth-info-text:    var(--anth-teal-700); --anth-info:    var(--anth-teal-500);
}