/* ============================================================
   JIHOLABO · COLOR TOKENS
   Source: Brand Guidelines 2026 · p.05 "Palette de couleurs"
   Recommended distribution: 60% Ink/White · 30% Blue · 10% Red
   ============================================================ */
:root {
  /* ---- Brand core palette (exact brand hexes) ---- */
  --jiho-blue:        #224194; /* Bleu Jiholabo · primaire · titres, aplats */
  --jiho-blue-electric: #2E5BD6; /* Bleu Électrique · accents, liens, glow */
  --jiho-red:         #F40500; /* Rouge Signal · points d'attention */
  --jiho-ink:         #05070D; /* Encre · fonds sombres */
  --jiho-white:       #FFFFFF; /* Blanc Pur · texte, respiration */
  --jiho-mist:        #7C879E; /* Gris Brume · texte secondaire */

  /* ---- Extended neutrals (derived, harmonious with Encre/Brume) ---- */
  --neutral-0:   #FFFFFF;
  --neutral-50:  #F5F7FB;
  --neutral-100: #EBEEF5;
  --neutral-200: #DCE1EC;
  --neutral-300: #C2C9D9;
  --neutral-400: #9AA3B8;
  --neutral-500: #7C879E; /* = Gris Brume */
  --neutral-600: #5C6680;
  --neutral-700: #3D4660;
  --neutral-800: #1E2740;
  --neutral-900: #05070D; /* = Encre */

  /* ---- Blue tints/shades (for surfaces, hovers, glows) ---- */
  --blue-50:  #EEF2FB;
  --blue-100: #D9E2F6;
  --blue-200: #B0C2EC;
  --blue-300: #6E8BD9;
  --blue-400: #2E5BD6; /* = Bleu Électrique */
  --blue-500: #224194; /* = Bleu Jiholabo */
  --blue-600: #1B3578;
  --blue-700: #14275A;
  --blue-800: #0E1B3E;

  /* ---- Red tints/shades ---- */
  --red-50:  #FDECEB;
  --red-400: #FF3B36;
  --red-500: #F40500; /* = Rouge Signal */
  --red-600: #C90400;

  /* ---- Semantic status ---- */
  --color-success: #1E8E5A;
  --color-success-bg: #E6F4ED;
  --color-warning: #C77A12;
  --color-warning-bg: #FBF0DD;
  --color-danger:  #F40500;
  --color-danger-bg: #FDECEB;
  --color-info:    #2E5BD6;
  --color-info-bg: #EEF2FB;

  /* ============================================================
     SEMANTIC ALIASES — prefer these in components
     ============================================================ */
  /* Surfaces */
  --surface-page:    var(--neutral-50);
  --surface-card:    var(--neutral-0);
  --surface-sunken:  var(--neutral-100);
  --surface-inverse: var(--jiho-ink);
  --surface-brand:   var(--jiho-blue);

  /* Text */
  --text-strong:   var(--jiho-ink);
  --text-body:     #1E2740;
  --text-muted:    var(--jiho-mist);
  --text-on-brand: var(--jiho-white);
  --text-on-dark:  var(--jiho-white);
  --text-link:     var(--jiho-blue-electric);

  /* Borders & lines */
  --border-subtle: var(--neutral-200);
  --border-default:var(--neutral-300);
  --border-strong: var(--neutral-400);
  --border-brand:  var(--jiho-blue);

  /* Accents */
  --accent-primary:  var(--jiho-blue);
  --accent-electric: var(--jiho-blue-electric);
  --accent-signal:   var(--jiho-red);

  /* Focus ring */
  --focus-ring: 0 0 0 3px rgba(46, 91, 214, 0.35);
}