/* ============================================================
   Tokens — Plataforma Viga
   Fonte da verdade: viga/marca/design-guide.md
   Regras de uso: viga/plataforma/refs_ui/design-system.md
   NÃO editar valores aqui sem atualizar o design-guide antes.
   ============================================================ */

:root {
  /* ---- Backgrounds ---- */
  --bg-primary:        #FFFFFF;
  --bg-secondary:      #F5F5F5;

  /* ---- Texto ---- */
  --text-primary:      #0A0A0A;
  --text-secondary:    #888888;
  --text-on-brand:     #FFFFFF;

  /* ---- Marca ---- */
  --brand:             #1A56FF;
  --brand-hover:       #0F3FCC;

  /* ---- Estrutura ---- */
  --border:            #E5E5E5;
  --border-strong:     #0A0A0A;

  /* ---- Semânticos (uso restrito — ver design-system.md §1) ---- */
  --success:           #00A86B;
  --error:             #B00020;
  --info:              var(--brand);

  /* ---- Tipografia ---- */
  --font-sans:         'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --text-h1:           32px;
  --text-h2:           24px;
  --text-h3:           18px;
  --text-body:         14px;
  --text-caption:      12px;
  --text-label:        10px;
  --text-kpi:          40px;

  --lh-tight:          1.2;
  --lh-normal:         1.4;
  --lh-loose:          1.7;

  --ls-heading:        -0.02em;
  --ls-metric:         -0.03em;
  --ls-label:          0.2em;
  --ls-logo:           0.12em;

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

  /* ---- Spacing (4px base) ---- */
  --space-0:           0;
  --space-1:           4px;
  --space-2:           8px;
  --space-3:           12px;
  --space-4:           16px;
  --space-5:           24px;
  --space-6:           32px;
  --space-7:           48px;
  --space-8:           64px;

  /* ---- Layout ---- */
  --container-max:     1280px;
  --sidebar-width:     240px;
  --sidebar-collapsed: 64px;
  --topbar-height:     64px;

  /* ---- Border radius ---- */
  --radius-card:       12px;
  --radius-button:     8px;
  --radius-input:      8px;
  --radius-pill:       999px;

  /* ---- Transição (sutil) ---- */
  --transition-fast:   120ms ease;
  --transition-base:   200ms ease;
}