/* ═══════════════════════════════════════════════════════════
   Próvision — Design Tokens
   Extracted from /modules/* CSS, Sprint 1 (2026-04)
   ═══════════════════════════════════════════════════════════ */

:root {
  /* ── Surfaces (dark base) ───────────────────────────── */
  --base:           #0B1120;   /* app body */
  --surface:        #111827;   /* panels */
  --raised:         #1E293B;   /* cards on panels */
  --chrome:         #1B2540;   /* topbar / sidebar chrome */
  --overlay:        rgba(11,17,32,0.55);

  /* ── Glass / hairlines ──────────────────────────────── */
  --glass-panel:    rgba(30,41,59,0.45);
  --glass-strong:   rgba(30,41,59,0.92);
  --hairline:       rgba(148,163,184,0.07);
  --hairline-md:    rgba(148,163,184,0.16);
  --hairline-lg:    rgba(148,163,184,0.24);
  --blur-sm:        blur(6px);
  --blur-md:        blur(12px);
  --blur-lg:        blur(20px) saturate(180%);

  /* ── Text ───────────────────────────────────────────── */
  --text-primary:   #F8FAFC;
  --text-secondary: #CBD5E1;
  --text-muted:     #94A3B8;
  --text-faint:     #64748B;

  /* ── Brand: amber (gold) — primary accent ──────────── */
  --gold:           #E8A847;
  --gold-hover:     #F0B85C;
  --gold-deep:      #C9944A;
  --gold-bg:        rgba(232,168,71,0.12);
  --gold-line:      rgba(232,168,71,0.25);
  --gold-glow:      rgba(232,168,71,0.35);

  /* ── Status palette ─────────────────────────────────── */
  --blue:           #3B82F6;
  --blue-bg:        rgba(59,130,246,0.12);
  --blue-line:      rgba(59,130,246,0.30);

  --green:          #34D399;
  --green-bg:       rgba(52,211,153,0.12);
  --green-line:     rgba(52,211,153,0.30);

  --amber:          #F59E0B;
  --amber-bg:       rgba(245,158,11,0.10);
  --amber-line:     rgba(245,158,11,0.30);

  --red:            #EF4444;
  --red-bg:         rgba(239,68,68,0.12);
  --red-line:       rgba(239,68,68,0.30);

  /* ── Per-product brand pills ────────────────────────── */
  --prd-kit:        #34D399;
  --prd-pro:        #60A5FA;
  --prd-fiscal:     #E8A847;
  --prd-plataforma: #A78BFA;
  --prd-gerador:    #FB923C;

  /* ── Radius ─────────────────────────────────────────── */
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;

  /* ── Spacing (4px base) ─────────────────────────────── */
  --s-2xs: 2px;
  --s-xs:  4px;
  --s-sm:  8px;
  --s-md:  12px;
  --s-lg:  16px;
  --s-xl:  24px;
  --s-2xl: 32px;
  --s-3xl: 48px;

  /* ── Typography ─────────────────────────────────────── */
  --font-heading: 'Outfit', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;

  /* ── Shadows / glow ─────────────────────────────────── */
  --shadow-xs:    0 1px 2px rgba(0,0,0,0.30);
  --shadow-sm:    0 2px 8px rgba(0,0,0,0.32);
  --shadow-md:    0 8px 24px rgba(0,0,0,0.40);
  --shadow-lg:    0 24px 64px rgba(0,0,0,0.55);
  --shadow-gold:  0 0 0 1px rgba(232,168,71,0.30), 0 8px 24px rgba(232,168,71,0.20);
  --glow-amber:   0 0 24px rgba(232,168,71,0.35);
  --glow-amber-sm:0 0 12px rgba(232,168,71,0.25);

  /* ── Focus ──────────────────────────────────────────── */
  --focus-ring:   0 0 0 3px rgba(232,168,71,0.35);

  /* ── Motion ─────────────────────────────────────────── */
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --ease-std: cubic-bezier(.2,.6,.2,1);
}