/**
 * Design tokens — SnowUI x Fluxo
 * Fonte: https://www.figma.com/design/Ls0bxr1RDD19xM7CjT73B1/SnowUI-x-Fluxo?node-id=15098-130290
 * Gerado em 2026-04-16 a partir de memory/project_design_system.md
 *
 * Consumir sempre via var(--token). Hardcode só em paletas de chart (Chart.js).
 */

:root {
  /* ── Fluxo brand ───────────────────────────────── */
  --fx-indigo-signal: #003168;   /* header/active escuro */
  --fx-brand:          #006BE4;   /* CTA, link, Deep Flow Blue */
  --fx-brand-hover:    #0055B8;   /* brand -16% L */
  --fx-sky-soft:       #B5D6FF;   /* background accent suave */
  --fx-neutral-strong: #6B6B6B;
  --fx-neutral-soft:   #ECECEC;

  /* ── Black/white scale (SnowUI) ────────────────── */
  --bw-white: #FFFFFF;
  --bw-5:   rgba(28,28,28,0.05);
  --bw-10:  rgba(28,28,28,0.10);
  --bw-20:  rgba(28,28,28,0.20);
  --bw-40:  rgba(28,28,28,0.40);
  --bw-80:  rgba(28,28,28,0.80);
  --bw-100: #1C1C1C;

  /* ── Surfaces ──────────────────────────────────── */
  --surface-page:     #F7F9FB;    /* SnowUI primary/light — body bg */
  --surface-card:     var(--bw-white);
  --surface-muted:    #F1F3F7;    /* table head, subtle fill */
  --surface-inverse:  var(--fx-indigo-signal);

  /* ── Text ──────────────────────────────────────── */
  --text-primary:  var(--bw-100);
  --text-strong:   var(--bw-80);
  --text-muted:    var(--bw-40);
  --text-faint:    var(--bw-20);
  --text-inverse:  var(--bw-white);
  --text-brand:    var(--fx-brand);

  /* ── Border ────────────────────────────────────── */
  --border-subtle: var(--bw-10);
  --border-strong: var(--bw-20);
  --border-brand:  var(--fx-brand);

  /* ── Status (semânticos, usados em charts + pills) */
  --status-ok:    #059669;
  --status-warn:  #D97706;
  --status-risk:  #DC2626;
  --status-info:  var(--fx-brand);
  --status-muted: var(--bw-40);

  /* Background dos pills (5% do status) */
  --status-ok-bg:   #F0FDF4;
  --status-warn-bg: #FFFBEB;
  --status-risk-bg: #FEF2F2;
  --status-info-bg: #EFF6FF;

  /* Border dos pills (20% do status) */
  --status-ok-border:   #A7F3D0;
  --status-warn-border: #FDE68A;
  --status-risk-border: #FECACA;
  --status-info-border: #BFDBFE;

  /* Acentos secundários SnowUI (para chart/viz diversidade) */
  --accent-indigo: #95A4FC;   /* SnowUI secondary/indigo */
  --accent-cyan:   #06B6D4;
  --accent-pink:   #EC4899;
  --accent-orange: #F97316;
  --accent-teal:   #14B8A6;
  --accent-purple: #7C3AED;

  /* ── Typography ────────────────────────────────── */
  /* Stack alinhada ao handoff HTech Evolve: Instrument Sans (UI) + Instrument Serif
     (display italic, usado em títulos) + JetBrains Mono (código/números). */
  --font-sans: 'Instrument Sans', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Instrument Serif', 'Instrument Sans', Georgia, serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Font sizes / line-heights (px, SnowUI scale) */
  --fs-12: 12px; --lh-12: 18px;
  --fs-14: 14px; --lh-14: 20px;
  --fs-18: 18px; --lh-18: 24px;
  --fs-24: 24px; --lh-24: 36px;
  --fs-48: 48px; --lh-48: 58px;
  --fs-64: 64px; --lh-64: 78px;

  /* Weights */
  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semibold:600;
  --fw-bold:    700;

  /* ── Spacing (múltiplos de 4) ──────────────────── */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  20px;
  --sp-6:  24px;
  --sp-7:  28px;
  --sp-8:  32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-20: 80px;

  /* ── Corner radius ─────────────────────────────── */
  --r-1: 4px;
  --r-2: 8px;
  --r-3: 12px;
  --r-4: 16px;
  --r-5: 20px;
  --r-6: 24px;
  --r-pill: 999px;

  /* ── Shadows (SnowUI Effect styles) ────────────── */
  --shadow-focus: 0 0 0 4px rgba(0,0,0,0.05);
  --shadow-focus-brand: 0 0 0 3px rgba(0,107,228,0.15);
  --shadow-drop:  0 2px 4px rgba(0,0,0,0.10);
  --shadow-card:  0 1px 3px rgba(0,0,0,0.04), 0 4px 12px rgba(0,0,0,0.03);
  --shadow-glow:  0 0 12px 0 rgba(94,94,94,0.4), 0 0 12px 0 rgba(255,255,255,0.2);

  /* ── Transitions ───────────────────────────────── */
  --t-fast: 120ms ease;
  --t-base: 180ms ease;
}