/* Lead with Néty — Color tokens
   Palette "Aubergine & terre d'or" : chaleur ouest-africaine, féminin non
   stéréotypé, intime. L'or reste le fil signature. */
:root {
  /* ---- Brand base palette ---- */
  --lwn-aubergine: #3D2438;     /* Aubergine profond — fond principal, base */
  --lwn-terracotta: #C56B4A;    /* Terre d'or / terracotta — accent chaud, signal */
  --lwn-or: #C9A876;            /* Or doux — titres, accents, touches premium */
  --lwn-creme: #F5EDE1;         /* Crème — fond secondaire, respiration */
  --lwn-ink: #241820;           /* Encre aubergine — textes */
  --lwn-white: #FFFFFF;

  /* ---- Tints & shades (derived, harmonic) ---- */
  --lwn-aubergine-deep: #2A1826;  /* bas de dégradé, ombres */
  --lwn-aubergine-soft: #E7DCE2;  /* voile aubergine très clair */
  --lwn-terracotta-deep: #A5522F; /* terracotta pressé / texte sur clair */
  --lwn-terracotta-dark: #7E3D22;  /* terracotta profond, ombres chaudes */
  --lwn-terracotta-light: #D98E6E; /* terracotta clair */
  --lwn-terracotta-bright: #E08A5B;/* terracotta lumineux / accent sur fond sombre (a11y) */
  --lwn-terracotta-soft: #F3E0D6; /* voile terracotta léger */
  --lwn-or-soft: #F1E7D4;         /* voile or très léger */
  --lwn-or-light: #E3CFA6;        /* or clair */
  --lwn-or-bright: #D9B77E;       /* or lumineux (emphase sur fond sombre) */
  --lwn-or-deep: #B8945F;         /* or pressé / hover foncé */
  --lwn-or-dark: #7A5E34;         /* or profond, texte or sur clair — 6:1 sur blanc, 5,2:1 sur crème */
  --lwn-creme-shade: #E7DBC9;     /* crème plus soutenu, bordures douces */
  --lwn-ink-70: rgba(36,24,32,0.7);
  --lwn-ink-45: rgba(36,24,32,0.65); /* texte discret — relevé à 0,65 pour 5:1 sur crème */

  /* ---- Semantic surfaces ---- */
  --surface-primary: var(--lwn-aubergine);
  --surface-secondary: var(--lwn-creme);
  --surface-dark: var(--lwn-ink);
  --surface-gold: var(--lwn-or);
  --surface-gold-gradient: var(--gradient-or);
  --surface-card: var(--lwn-white);
  --surface-veil-aubergine: rgba(61,36,56,0.90);
  --surface-veil-creme: rgba(245,237,225,0.92);

  /* ---- Semantic text ---- */
  --text-body: var(--lwn-ink);
  --text-muted: var(--lwn-ink-70);
  --text-on-aubergine: var(--lwn-creme);
  --text-on-dark: var(--lwn-creme);
  --text-on-gold: var(--lwn-aubergine-deep);   /* texte sur or = aubergine profond (doux), ~4:1 */
  --text-accent: var(--lwn-or);                /* accent signature = or */
  --text-dynamic: var(--lwn-terracotta);       /* accent chaud / signal = terracotta */
  --text-heading: var(--lwn-aubergine);

  /* ---- Semantic accents ----
     Signature = aubergine + or. Terracotta réchauffe / signale. */
  --accent: var(--lwn-or);
  --accent-hover: var(--lwn-or-deep);
  --accent-gold: var(--lwn-or);
  --accent-dynamic: var(--lwn-terracotta);
  --accent-dynamic-hover: var(--lwn-terracotta-deep);

  /* ---- Emphasis colors PAR FOND (accessibilité ≥ 3:1 grand texte) ----
     Règle : sur fond sombre, emphase = or lumineux / terracotta lumineux ; sur clair = terracotta foncé. */
  --emph-on-aubergine: var(--lwn-or-bright);       /* or vif sur aubergine */
  --emph-on-ink: var(--lwn-terracotta-bright);     /* terracotta vif sur encre */
  --emph-on-light: var(--lwn-terracotta-deep);     /* terracotta foncé sur crème */
  --emph-on-gold: var(--lwn-aubergine-deep);       /* aubergine profond sur or */

  /* ---- Gold sheen gradients ---- */
  --gradient-or: linear-gradient(135deg, #E3CFA6, #C9A876 55%, #B8945F); /* @kind color */
  --gradient-or-sheen: linear-gradient(135deg, #D9B77E, #C9A876 40%, #9C7B4A); /* @kind color */
  --gradient-aubergine: linear-gradient(160deg, #3D2438, #2A1826); /* @kind color */

  /* ---- Borders ---- */
  --border-soft: var(--lwn-creme-shade);
  --border-gold: var(--lwn-or);
  --border-strong: var(--lwn-ink);

  /* ---- The 5 editorial pillars ----
     Couleurs de titre choisies pour l'accessibilité sur chaque fond (≥ 3:1 grand texte). */
  --pillar-1-bg: var(--lwn-aubergine);    --pillar-1-title: var(--lwn-or-bright);        /* Fondations */
  --pillar-2-bg: var(--lwn-aubergine);    --pillar-2-title: var(--lwn-or-bright);        /* Pratique */
  --pillar-3-bg: var(--lwn-creme);        --pillar-3-title: var(--lwn-aubergine);        /* Vie intérieure */
  --pillar-4-bg: var(--lwn-creme);        --pillar-4-title: var(--lwn-or-dark);          /* Storytelling */
  --pillar-5-bg: var(--lwn-ink);          --pillar-5-title: var(--lwn-terracotta-bright);/* Zones d'ombre */
}