/* ============================================================
   Evalation - Colour tokens
   Dark-first. Voltage blue = primary/brand. Ember = accent (sparing).
   Ink = cool neutral surfaces + text. Semantic = pipeline verdicts.
   ============================================================ */
:root {
  /* --- Voltage (primary / brand) --- */
  --blue-50:  #E9EFFF;
  --blue-100: #C4D6FF;
  --blue-200: #9DB6FF;
  --blue-300: #6B8FFF;
  --blue-400: #3A6BFF;
  --blue-500: #0F52FF;  /* brand primary */
  --blue-600: #0B41CC;
  --blue-700: #0A369F;
  --blue-800: #0A2C7A;

  /* --- Ember (accent - highlight only, never large fills) --- */
  --ember-50:  #FFEDE5;
  --ember-100: #FFD3C2;
  --ember-200: #FFB199;
  --ember-300: #FD8A63;
  --ember-400: #FB6E3B;
  --ember-500: #F9581E;  /* brand accent */
  --ember-600: #DC4410;
  --ember-700: #B5350C;
  --ember-800: #8F2B0E;

  /* --- Ink (cool neutrals) - dark → light --- */
  --ink-950: #070C18;   /* page background */
  --ink-900: #0A1024;   /* raised well / inset */
  --ink-850: #0E1730;   /* panel / card surface */
  --ink-800: #121D3A;   /* elevated surface */
  --ink-700: #1B2748;   /* hairline / subtle divider */
  --ink-600: #2A3860;   /* border */
  --ink-500: #45557C;   /* strong border / disabled fg */
  --ink-400: #6F82AB;   /* muted text */
  --ink-300: #93A4C6;   /* secondary text */
  --ink-50:  #EAF0FB;   /* high-emphasis text */

  /* --- Semantic (pipeline verdicts) --- */
  --success: #2FD07A;   /* approve */
  --info:    #3A6BFF;   /* in review / info */
  --warning: #FFB020;   /* held */
  --danger:  #FB3B4E;   /* blocked */

  /* --- Brand shortcuts --- */
  --voltage: var(--blue-500);
  --ember:   var(--ember-500);

  /* ============================================================
     Semantic aliases - reference these in components, not raw ramps.
     ============================================================ */
  /* surfaces */
  --surface-page:    var(--ink-950);
  --surface-sunken:  var(--ink-900);
  --surface-card:    var(--ink-850);
  --surface-raised:  var(--ink-800);
  --surface-inset:   var(--ink-900);

  /* text */
  --text-strong:  var(--ink-50);
  --text-body:    #B9C5DE;
  --text-muted:   var(--ink-300);
  --text-faint:   var(--ink-400);
  --text-on-accent: #FFFFFF;
  --text-on-brand:  #FFFFFF;

  /* borders + hairlines */
  --hairline:     rgba(130, 160, 230, 0.13);
  --hairline-soft: rgba(130, 160, 230, 0.10);
  --border:       var(--ink-600);
  --border-strong: var(--ink-500);

  /* interactive */
  --action-primary:        var(--blue-500);
  --action-primary-hover:  var(--blue-600);
  --action-accent:         var(--ember-500);
  --action-accent-hover:   var(--ember-600);

  /* focus */
  --focus-ring: 0 0 0 3px rgba(15, 82, 255, 0.30);
  --focus-ring-color: var(--blue-500);

  /* glow (hero radial) */
  --glow-voltage: rgba(15, 82, 255, 0.22);

  /* ============================================================
     Soft status tints - faint fills for pills, bars, and wells.
     ============================================================ */
  --voltage-soft: rgba(15, 82, 255, 0.16);
  --ember-soft:   rgba(249, 88, 30, 0.14);
  --success-soft: rgba(47, 208, 122, 0.14);
  --warning-soft: rgba(255, 176, 32, 0.14);
  --danger-soft:  rgba(251, 59, 78, 0.14);
  --violet-soft:  rgba(107, 143, 255, 0.14);

  /* ============================================================
     Pipeline / chart series ramp - triage → ship, cool → warm.
     Used by the console's share bars, catch-rate bars, cost-by-step,
     and any per-step data-viz. Reference var(--step-1) … var(--step-7).
     ============================================================ */
  --step-1: oklch(0.70 0.13 250);
  --step-2: oklch(0.72 0.12 215);
  --step-3: oklch(0.74 0.11 190);
  --step-4: oklch(0.76 0.12 162);
  --step-5: oklch(0.80 0.13 122);
  --step-6: oklch(0.78 0.14 76);
  --step-7: oklch(0.72 0.16 40);
}