/* ============================================================
   anakine — Colour tokens
   Two layers: PRIMITIVES (raw values, don't consume directly)
   and SEMANTIC roles (what components read). Edit the semantic
   layer to shift the whole art direction.
   ============================================================ */

:root {
  /* ---------- 1. PRIMITIVES ---------- */

  /* Neutrals */
  --ak-white:      #ffffff;
  --ak-black:      #010101;
  --ak-ink-1000:   #000000;   /* pure black — titles on coloured panels */
  --ak-gray-900:   #1b1b1b;   /* raised dark surface (cards on black) */
  --ak-gray-850:   #212121;
  --ak-gray-800:   #373737;
  --ak-gray-600:   #575757;
  --ak-gray-400:   #929292;
  --ak-gray-300:   #c7c7c7;
  --ak-gray-200:   #eaeaea;
  --ak-gray-100:   #f2f2f2;

  /* Brand — evergreen RETIRÉ (05/08/2026) : le noir porte le rôle primaire.
     Primitive conservée pour compat, ne plus consommer. */
  --ak-brand-800:  #193a29;
  --ak-sage:       #82a184;   /* vert sauge — pendant du taupe et du bleu médian (chips, étiquettes) */
  --ak-blue-pale:  #ebf4fd;   /* DÉPRÉCIÉ 06/08/2026 — bleu clair retiré de la palette, ne plus consommer */

  /* Cool accents */
  --ak-sky:        #86bff2;
  --ak-periwinkle: #839cb2;
  --ak-peri-deep:  #536482;

  /* Taupe chaud — fond de section (ajout 05/08/2026, réf. scale.com) */
  --ak-taupe:      #ad9584;

  /* Earthy categorical accents (sector cards / categories) */
  --ak-earth-gold:  #a78955;
  --ak-earth-brown: #a37757;
  --ak-earth-slate: #548ca4;
  --ak-earth-rust:  #9e6b5f;
  --ak-earth-taupe: #917f6f;
  --ak-earth-clay:  #a8927c;
  --ak-earth-blue:  #548499;

  /* Functional accents (status, alerts, data-viz) — same muted, earthy
     saturation/lightness family as the categorical palette above, so
     they read as part of the same system rather than as generic UI colours */
  --ak-yellow:      #c1a057;
  --ak-red:         #b26050;
  --ak-green-light: #8aa97a;
  --ak-orange:      #cc8553;

  /* ---------- 2. SEMANTIC (edit here to change the DA) ---------- */

  /* Surfaces & backgrounds */
  --ak-color-bg:            var(--ak-white);    /* light page bg */
  --ak-color-bg-inverse:    var(--ak-black);    /* dark page bg */
  --ak-color-surface:       var(--ak-white);    /* card on light */
  --ak-color-surface-2:     var(--ak-gray-100); /* secondary surface */
  --ak-color-surface-3:     var(--ak-gray-200); /* grey section */
  --ak-color-surface-dark:  var(--ak-gray-900); /* card on dark */

  /* Text */
  --ak-color-text:          var(--ak-black);
  --ak-color-text-muted:    var(--ak-gray-600);
  --ak-color-text-subtle:   var(--ak-gray-400);
  --ak-color-text-invert:   var(--ak-white);
  --ak-color-text-strong:   var(--ak-ink-1000); /* titles on coloured bg */

  /* Brand & interaction */
  --ak-color-brand:         var(--ak-black);
  --ak-color-on-brand:      var(--ak-white);
  --ak-color-accent:        var(--ak-sky);
  --ak-color-focus:         var(--ak-sky);

  /* Borders & dividers */
  --ak-color-border:        var(--ak-gray-200);
  --ak-color-border-strong: var(--ak-gray-300);
  --ak-color-border-dark:   var(--ak-gray-800);

  /* Accent panels */
  --ak-color-panel-brand:   var(--ak-black);
  --ak-color-panel-cool:    var(--ak-periwinkle);

  /* Categorical palette (data-viz, sector cards) */
  --ak-cat-1: var(--ak-earth-gold);
  --ak-cat-2: var(--ak-earth-brown);
  --ak-cat-3: var(--ak-earth-slate);
  --ak-cat-4: var(--ak-earth-rust);
  --ak-cat-5: var(--ak-earth-taupe);
  --ak-cat-6: var(--ak-earth-clay);
  --ak-cat-7: var(--ak-earth-blue);

  /* Status (badges, pills, states) */
  --ak-color-status-warning: var(--ak-yellow);
  --ak-color-status-error:   var(--ak-red);
  --ak-color-status-success: var(--ak-green-light);
  --ak-color-status-highlight: var(--ak-orange);
}