/* ===== Elise Romero — Colours =====
   "Sud vivant" — warm, alive, colourful. NOT a timid cream clinic.
   Terracotta is the brand anchor & action colour; a clean warm-white is the
   canvas; cacao gives depth; sage/rose/Provence-blue/mimosa are the four
   role-coded accents. Golden cream is an *accent surface*, never the base.

   ROLE CODING (do not mix up):
     terracotta — brand + action / energy
     sauge      — santé (health, nature, "ça va mieux")
     rose       — REGISTRE ÉMOTIONNEL / TCA uniquement (tendresse, vulnérabilité)
     provence   — trust / cadre pro (remboursement, diplômes, institutionnel)
     mimosa     — pédagogie / clarté (astuces, "le savais-tu", énergie)
     cacao      — encre, texte, surfaces sombres

   INTERDITS (jamais, nulle part) :
     vert romarin #06733b · bleu Tailwind #3182ce · turquoise ·
     magenta / fluo · dégradés arc-en-ciel. */

:root {
  /* ---------- Terracotta — brand + action (anchor #D8623A) ---------- */
  --terracotta-900: #5A2413;
  --terracotta-800: #7E3320;
  --terracotta-700: #A8482A; /* press / deep text on light */
  --terracotta-600: #C2542F; /* hover */
  --terracotta-500: #D8623A; /* PRIMARY — brand + CTA */
  --terracotta-400: #E2805C;
  --terracotta-300: #EDA589;
  --terracotta-200: #F5C8B7;
  --terracotta-100: #FBE4DA;
  --terracotta-50:  #FDF2EC;

  /* ---------- Sauge — santé / nature (anchor #7BA846) ---------- */
  --sauge-900: #2E4517;
  --sauge-800: #3E5C1F;
  --sauge-700: #527A2C; /* deep / text-safe on light */
  --sauge-600: #648E37; /* hover, success */
  --sauge-500: #7BA846; /* base */
  --sauge-400: #97BC6C;
  --sauge-300: #B6CF96;
  --sauge-100: #E6F0D3;
  --sauge-50:  #F2F8E7;

  /* ---------- Rose poudré — ÉMOTIONNEL / TCA only (anchor #F08E80) ---------- */
  --rose-700: #C95F50;
  --rose-600: #DE7264; /* hover */
  --rose-500: #F08E80; /* base */
  --rose-300: #F6B5AC;
  --rose-100: #FCE2DD;
  --rose-50:  #FEF1EE;

  /* ---------- Bleu Provence — trust / pro (anchor #2E6A9C) ---------- */
  --provence-800: #1B4063;
  --provence-700: #235280;
  --provence-600: #2A6090; /* hover */
  --provence-500: #2E6A9C; /* base */
  --provence-300: #8AAECB;
  --provence-100: #DBE7F1;
  --provence-50:  #EDF3F8;

  /* ---------- Jaune mimosa — pédagogie / énergie (anchor #F0B32A) ---------- */
  --mimosa-700: #C7900F;
  --mimosa-600: #DCA31C; /* text-safe-ish on light */
  --mimosa-500: #F0B32A; /* base */
  --mimosa-300: #F7CF73;
  --mimosa-100: #FCEEC5;
  --mimosa-50:  #FEF8E8;

  /* ---------- Cacao — ink, text, dark surfaces (anchor #4A3528) ---------- */
  --cacao-900: #2A1D14; /* strongest ink */
  --cacao-800: #3A2A1E;
  --cacao-700: #4A3528; /* body text / dark surface */
  --cacao-600: #5E4636;
  --cacao-500: #735848; /* secondary text */
  --cacao-400: #927B6B;
  --cacao-300: #B3A294; /* muted / placeholder */
  --cacao-100: #E8DFD7;
  --cacao-50:  #F4EEE8;

  /* ---------- VRAI / FAUX — quiz & feedback pills (sampled from brand) ---------- */
  --vrai-700: #3C6E29;
  --vrai-600: #4A8333; /* hover */
  --vrai-500: #5A9C3F; /* « VRAI » / correct */
  --vrai-300: #9AC585;
  --vrai-100: #E2F0D9;

  --faux-700: #8F2A20;
  --faux-600: #A8352A; /* hover */
  --faux-500: #C44033; /* « FAUX » / incorrect */
  --faux-300: #E29A92;
  --faux-100: #F7DDD9;

  /* ---------- Crème dorée — ACCENT surface only (not the canvas) ---------- */
  --creme-200: #F7E8C4; /* golden cream */
  --creme-100: #FAF6EC; /* pale cream */

  /* ---------- Paper & lines — clean warm white canvas (NOT yellow cream) ---------- */
  --paper:        #FBF8F4; /* page canvas — warm but crisp */
  --paper-sunken: #F3EDE5; /* alt section */
  --white:        #FFFFFF;
  --line:         #EBE3D8; /* hairline */
  --line-strong:  #D8CDBF;

  /* ---------- Semantic / status ---------- */
  --success: #648E37; /* sauge-600 */
  --warning: #DCA31C; /* mimosa-600 */
  --error:   var(--faux-500); /* « FAUX » red #C44033 */
  --info:    #2E6A9C; /* provence */

  /* quiz / feedback */
  --correct:   var(--vrai-500);
  --incorrect: var(--faux-500);

  /* ===== Semantic aliases — USE THESE in components ===== */
  --brand:            var(--terracotta-500);
  --brand-deep:       var(--terracotta-700);
  --action:           var(--terracotta-500);
  --action-hover:     var(--terracotta-600);
  --action-press:     var(--terracotta-700);

  /* role-coded accents */
  --accent:           var(--mimosa-500);   /* default cheerful accent */
  --accent-sante:     var(--sauge-500);
  --accent-emotion:   var(--rose-500);     /* TCA / emotional register ONLY */
  --accent-trust:     var(--provence-500);
  --accent-pedago:    var(--mimosa-500);

  /* text */
  --text-strong:      var(--cacao-900);
  --text-body:        var(--cacao-700);
  --text-muted:       var(--cacao-500);
  --text-faint:       var(--cacao-300);
  --text-on-action:   var(--white);
  --text-on-brand:    #FFF4EE;
  --text-on-ink:      var(--creme-100);
  --text-eyebrow:     var(--terracotta-600);

  /* surfaces */
  --surface-page:     var(--paper);
  --surface-card:     var(--white);
  --surface-sunken:   var(--paper-sunken);
  --surface-cream:    var(--creme-200);  /* golden accent surface */
  --surface-brand:    var(--terracotta-500);
  --surface-ink:      var(--cacao-700);  /* dark warm sections */
  --surface-white:    var(--white);

  --border-subtle:    var(--line);
  --border-strong:    var(--line-strong);
  --focus-ring:       var(--terracotta-500);
}