/* ============================================================
   Mille Mentors — Colour system
   ------------------------------------------------------------
   Source: « MILLE MENTORS — Charte graphique » (Better Stronger
   Studio), section « Palette de couleurs ».

   Two temperature families. RULE: never mix warm and cool tones
   in the same composition. Always keep contrast high; never pair
   two light tints together.

     WARM   orange / coral / terracotta / mahogany / cream
     COOL   teal / mint / lagoon / abyss / ocean

   Orange Flamme (#FD6030) is the primary brand colour.
   Marron Nuit & Vert Océan are reserved for deep backgrounds only;
   for dark *elements* prefer Acajou Foncé & Bleu Abysse.
   ============================================================ */

:root {
  /* ---- Raw palette (named exactly as the charte) ---- */

  /* Warm neutrals */
  --mm-gris-brume:        #FFFAF5; /* warmest near-white   */
  --mm-blanc-coquille:    #F6F4EF; /* shell white — page bg */

  /* Warm accents */
  --mm-rose-sable:        #FFDED1; /* sand rose tint        */
  --mm-corail-doux:       #FF8051; /* soft coral            */
  --mm-orange-flamme:     #FD6030; /* PRIMARY — flame orange */
  --mm-terracotta-brulee: #AF3615; /* burnt terracotta      */

  /* Warm darks */
  --mm-acajou-fonce:      #4D190E; /* dark mahogany (elements) */
  --mm-marron-nuit:       #35110A; /* night brown (deep bg)    */

  /* Cool lights */
  --mm-menthe-givree:     #E6F6F6; /* frosted mint          */
  --mm-turquoise-brume:   #CDFCFC; /* turquoise mist        */
  --mm-bleu-menthol:      #BCEDED; /* menthol blue          */
  --mm-bleu-lagon:        #95D7D7; /* lagoon blue           */

  /* Cool darks */
  --mm-bleu-abysse:       #164245; /* abyss teal (elements)  */
  --mm-vert-ocean:        #0D2E30; /* ocean green (deep bg)  */

  /* ---- Derived utility tints (harmonised, not in the charte) ---- */
  --mm-cream-sunken:  #ECE7DE;                                  /* recessed warm surface */
  --mm-line-warm:     color-mix(in oklab, var(--mm-acajou-fonce) 14%, transparent);
  --mm-line-warm-strong: color-mix(in oklab, var(--mm-acajou-fonce) 26%, transparent);
  --mm-line-cool:     color-mix(in oklab, var(--mm-bleu-abysse) 16%, transparent);

  /* ============================================================
     SEMANTIC ALIASES — reach for these in product work
     ============================================================ */

  /* Brand / primary (warm) */
  --color-primary:        var(--mm-orange-flamme);
  --color-primary-hover:  var(--mm-terracotta-brulee);
  --color-primary-press:  #97300F;                /* terracotta, deepened */
  --color-primary-soft:   var(--mm-corail-doux);
  --color-primary-tint:   var(--mm-rose-sable);
  --text-on-primary:      var(--mm-gris-brume);

  /* Cool accent (use in cool compositions only) */
  --color-accent:         var(--mm-bleu-abysse);
  --color-accent-soft:    var(--mm-bleu-lagon);
  --color-accent-tint:    var(--mm-menthe-givree);

  /* Surfaces */
  --surface-page:         var(--mm-blanc-coquille);
  --surface-card:         var(--mm-gris-brume);
  --surface-raised:       #FFFFFF;
  --surface-sunken:       var(--mm-cream-sunken);
  --surface-inverse:      var(--mm-marron-nuit);   /* warm dark canvas */
  --surface-inverse-cool: var(--mm-vert-ocean);    /* cool dark canvas */
  --surface-tint-warm:    var(--mm-rose-sable);
  --surface-tint-cool:    var(--mm-menthe-givree);

  /* Text */
  --text-strong:  var(--mm-marron-nuit);                         /* headings, warm near-black */
  --text-body:    #4A271A;                                       /* body copy on cream */
  --text-muted:   color-mix(in oklab, var(--mm-acajou-fonce) 62%, var(--mm-blanc-coquille)); /* secondary */
  --text-faint:   color-mix(in oklab, var(--mm-acajou-fonce) 42%, var(--mm-blanc-coquille)); /* captions  */
  --text-on-dark:        var(--mm-gris-brume);
  --text-on-dark-muted:  color-mix(in oklab, var(--mm-gris-brume) 64%, var(--mm-marron-nuit));

  /* Lines & borders */
  --border-subtle:  var(--mm-line-warm);
  --border-strong:  var(--mm-line-warm-strong);
  --border-on-dark: color-mix(in oklab, var(--mm-gris-brume) 18%, transparent);

  /* Focus ring */
  --focus-ring: color-mix(in oklab, var(--mm-orange-flamme) 55%, transparent);
}