/* ============================================================
   PALETTE — RESERVE
   ------------------------------------------------------------
   Every remaining ramp from Judi's Figma colour board, tokenised
   and ready, but NOT currently used by any component.

   Judi asked: "maybe we can have them ready as variable when
   needed". This file is that answer. It is imported, so the values
   are live and available the moment a real use appears — but they
   are kept separate so it stays obvious what is actually in play.

   RULE: components must never reference a token from this file.
   To use one, promote it into _palette.css with a note on where
   and why. That keeps the in-use palette countable, which is the
   whole point of the consolidation.

   Rungs assigned by measured CIE L*, same scale as _palette.css.
   Ramps are 6 steps as drawn; gaps are intentional, not omissions.
   ============================================================ */

:root {

  /* --- YELLOW ------------------------------------------------- */
  /* --ice-yellow-50 → promoted to _palette.css (category tiles) */
  /* --ice-yellow-100 → promoted to _palette.css (category tiles) */
  --ice-yellow-300: #FACA6F;
  --ice-yellow-400: #F4B855;
  --ice-yellow-500: #EBA53D;

  --vivid-yellow-50:  #F8FF5A;
  --vivid-yellow-100: #FFE300;
  --vivid-yellow-200: #FFC400;
  --vivid-yellow-400: #FF9000;
  --vivid-yellow-500: #F57600;
  --vivid-yellow-600: #C45000;
  --vivid-yellow-700: #A03400;   /* interpolé, L* de la référence */   /* interpolé, L* de la référence */

  /* --- PEACH -------------------------------------------------- */
  --ice-peach-100: #FFEAD4;
  /* --ice-peach-300 → promoted to _palette.css (category tiles) */
  --ice-peach-400: #FFAC98;
  --ice-peach-500: #FF8F84;
  /* --ice-peach-600 → promoted to _palette.css (category tiles) */

  --vivid-peach-50:  #FFF4D2;
  --vivid-peach-100: #FFE1B2;
  --vivid-peach-200: #FFC897;
  --vivid-peach-300: #FFAC7D;
  --vivid-peach-500: #FF5F46;
  --vivid-peach-600: #E02E1E;

  /* --- RED ---------------------------------------------------- */
  --ice-red-50:  #FFEEEE;   /* interpolé, L* de la référence */
  --ice-red-100: #FEDEE0;   /* interpolé, L* de la référence */
  --ice-red-200: #FFD2D3;
  --ice-red-300: #FEB7C3;
  --ice-red-500: #F45B74;
  --ice-red-600: #D82047;

  --vivid-red-50:  #FFEDED;   /* interpolé, L* de la référence */
  --vivid-red-100: #FFDCD9;   /* interpolé, L* de la référence */
  --vivid-red-200: #FFCECC;
  --vivid-red-300: #FFABB2;
  --vivid-red-400: #FF7281;
  --vivid-red-600: #FA0010;
  --vivid-red-700: #BF0000;

  /* --- FUCHSIA ------------------------------------------------ */
  --ice-fuchsia-50:  #F7F0F5;   /* interpolé, L* de la référence */
  --ice-fuchsia-100: #F1E2EC;   /* interpolé, L* de la référence */
  --ice-fuchsia-200: #EEDCE8;
  --ice-fuchsia-300: #DFBCD4;
  --ice-fuchsia-400: #CFA0C2;
  --ice-fuchsia-500: #BF82AF;
  --ice-fuchsia-600: #AF679D;

  --vivid-fuchsia-50:  #FEEDF4;   /* interpolé, L* de la référence */
  --vivid-fuchsia-100: #FCDDEB;   /* interpolé, L* de la référence */
  --vivid-fuchsia-400: #F575B8;   /* interpolé, L* de la référence */
  --vivid-fuchsia-500: #F34FAC;
  --vivid-fuchsia-600: #CF2A8D;   /* interpolé, L* de la référence */
  --vivid-fuchsia-700: #991B67;

  /* --- LAVENDER ----------------------------------------------- */
  --ice-lavender-100: #EFE8FD;
  /* --ice-lavender-200 → promoted to _palette.css (category tiles) */
  --ice-lavender-300: #CCAEF1;
  --ice-lavender-400: #B18CE4;
  /* --ice-lavender-600 → promoted to _palette.css (category tiles) */

  --vivid-lavender-50:  #FAEFFE;   /* interpolé, L* de la référence */
  --vivid-lavender-100: #F6E6FF;
  --vivid-lavender-200: #EFD2FC;   /* interpolé, L* de la référence */
  --vivid-lavender-300: #E2BAF6;
  --vivid-lavender-400: #D28FF2;
  --vivid-lavender-500: #BE62E8;
  --vivid-lavender-600: #A635DD;
  --vivid-lavender-700: #8A1EC1;

  /* --- GREEN --------------------------------------------------
     Note: "ice green" runs green→teal as it darkens, so its deep
     steps sit very close to ice-turquoise. If both are ever wanted
     at once, pick one — they will not read as distinct.           */
  --ice-green-50:  #E1F7F3;
  --ice-green-100: #C9F0EA;
  --ice-green-200: #88E6E8;
  --ice-green-400: #00C6A8;
  --ice-green-500: #009E95;   /* interpolé, L* de la référence */
  --ice-green-600: #008D94;
  --ice-green-700: #00656A;   /* interpolé, L* de la référence */

  --vivid-green-200: #00FBA4;
  --vivid-green-400: #00C6A2;
  --vivid-green-500: #009F8C;   /* interpolé, L* de la référence */
  --vivid-green-600: #008886;
  --vivid-green-700: #006564;   /* interpolé, L* de la référence */

  /* --- TURQUOISE ---------------------------------------------- */
  --ice-turquoise-50:  #E1F8F7;
  /* --ice-turquoise-100 → promoted to _palette.css (category tiles) */
  --ice-turquoise-300: #3ECADA;
  --ice-turquoise-400: #00ACC0;
  --ice-turquoise-700: #006282;   /* interpolé, L* de la référence */

  --vivid-turquoise-200: #2AE2F4;
  --vivid-turquoise-300: #05CADB;
  --vivid-turquoise-400: #1BB0BF;
  --vivid-turquoise-600: #0C8893;
  --vivid-turquoise-700: #00636C;   /* interpolé, L* de la référence */
}