/* ============================================================
   Amplitudes — Colour tokens
   « Une palette structurée et vivante »
   Principales : Kaki · Marine · Craie
   Secondaires : Malabar · Menthe · Jaune fluo
   Rule of the house: titles are set in colour by default;
   pure black is used only "par contrainte".
   ============================================================ */
:root {
  /* ---- Raw brand palette (exact spec values) ---- */
  --kaki:        #00332B; /* Couleur principale — deep bottle green */
  --marine:      #0A2337; /* Couleur principale — ink navy */
  --craie:       #F5F3EE; /* Couleur principale — chalk, replaces pure white */
  --malabar:     #E8A3C4; /* Secondaire — powder pink */
  --menthe:      #BEDCC8; /* Secondaire — soft mint */
  --jaune-fluo:  #D9DE35; /* Secondaire — acid highlighter yellow */
  --noir:        #10120F; /* Used only by constraint (never a default) */
  --blanc-pur:   #FFFFFF; /* Reserved: craie is the preferred light */

  /* ---- Kaki tint/shade ramp (surfaces, hovers, borders) ---- */
  --kaki-900: #001a15;
  --kaki-800: #00251f;
  --kaki-700: #00332b; /* base */
  --kaki-600: #0c4339;
  --kaki-500: #1d5749;
  --kaki-300: #7ba295;
  --kaki-100: #d5e0db;

  /* ---- Marine tint/shade ramp ---- */
  --marine-900: #061725;
  --marine-800: #0a2337; /* base */
  --marine-600: #1b3a52;
  --marine-400: #4a6377;
  --marine-100: #d3dae1;

  /* ---- Craie / neutral paper ramp ---- */
  --craie-0:   #ffffff;
  --craie-50:  #faf9f5;
  --craie-100: #f5f3ee; /* base */
  --craie-200: #ece9e0;
  --craie-300: #ddd9cd;
  --craie-400: #c3bdac;
  --craie-500: #9c9682;

  /* ---- Secondary tints (for washes / fills) ---- */
  --malabar-100: #f8e4ee;
  --malabar-300: #f0c3d9;
  --menthe-100:  #e7f1eb;
  --menthe-300:  #d3e6da;
  --jaune-100:   #f2f4bc;
  --jaune-300:   #e6ea86;

  /* ============================================================
     Semantic aliases — reference THESE in components
     ============================================================ */
  /* Surfaces */
  --surface-base:      var(--craie-100);  /* app/page background */
  --surface-raised:    var(--craie-50);   /* cards on craie */
  --surface-sunken:    var(--craie-200);
  --surface-ink:       var(--kaki);       /* dark primary surface */
  --surface-ink-alt:   var(--marine);     /* dark alternate surface */
  --surface-line:      var(--craie-300);  /* hairline dividers */
  --surface-line-ink:  rgba(245,243,238,.16); /* dividers on dark */

  /* Text */
  --text-primary:   var(--kaki);          /* body & titles on light */
  --text-secondary: var(--kaki-500);
  --text-muted:     var(--craie-500);
  --text-on-dark:   var(--craie-100);     /* craie, never pure white */
  --text-on-dark-muted: rgba(245,243,238,.62);
  --text-title:     var(--kaki);          /* titles in colour */

  /* Accents (secondary colours punctuate) */
  --accent-pink:    var(--malabar);
  --accent-mint:    var(--menthe);
  --accent-yellow:  var(--jaune-fluo);

  /* Interaction */
  --focus-ring:     var(--malabar);
  --link:           var(--kaki);
  --link-hover:     var(--kaki-500);

  /* Fixed reference */
  --white:          var(--craie-100);
  --black:          var(--noir);
}