/**
 * Design System v2 — Tokens
 * Incluir em todas as páginas: <link rel="stylesheet" href="css/design-tokens.css">
 * Esta é a ÚNICA fonte de verdade para cores, radius e sombras.
 */
:root {
  /* ── Fundos (3 camadas) ── */
  --bg:           #0c0c10;   /* página */
  --bg-card:      #16161a;   /* card padrão */
  --bg-elevated:  #1e1e24;   /* modal, dropdown, card acima */
  --bg-overlay:   #252530;   /* hover, selecionado */

  /* Alias legado — não usar em código novo */
  --bg-card-hover: var(--bg-overlay);

  /* ── Bordas ── */
  --border:        rgba(255, 255, 255, 0.07);
  --border-strong: rgba(255, 255, 255, 0.13);

  /* ── Texto ── */
  --text:        #f0f0f4;
  --text-muted:  #8c8c9e;
  --text-subtle: #55556a;   /* placeholder, disabled */

  /* ── Accent (ciano) ── */
  --accent:       #06b6d4;
  --accent-hover: #0891b2;
  --accent-soft:  rgba(6, 182, 212, 0.12);
  --accent-text:  #22d3ee;  /* texto sobre fundo escuro */

  /* ── Semânticos ── */
  --success:      #22c55e;
  --success-soft: rgba(34, 197, 94, 0.12);
  --warning:      #f59e0b;
  --warning-soft: rgba(245, 158, 11, 0.12);
  --danger:       #ef4444;
  --danger-soft:  rgba(239, 68, 68, 0.12);
  --info:         #60a5fa;
  --info-soft:    rgba(96, 165, 250, 0.12);

  /* ── Superfícies ── */
  --radius:    10px;
  --radius-lg: 14px;
  --radius-xl: 20px;

  --shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.35);
  --shadow:    0 4px 20px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.55);

  /* ── Espaçamento ── */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;

  /* ── Tipografia ── */
  --font-size-xs:   11px;   /* labels tiny */
  --font-size-sm:   12px;   /* th, badges */
  --font-size-base: 13px;   /* corpo padrão */
  --font-size-md:   14px;   /* inputs, body */
  --font-size-lg:   16px;   /* subtítulos de seção */
  --font-size-xl:   24px;   /* títulos de página */
  --font-size-kpi:  28px;   /* números KPI */
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semi:   600;
  --font-weight-bold:   700;
}