/* tokens.css — Design tokens da marca LINKTI (fonte única para CSS).
 * ────────────────────────────────────────────────────────────────────────────
 * Gerado/sincronizado a partir de public/brand-tokens.linkti.json (a fonte canônica).
 * NÃO redeclarar estes tokens em :root local de outro arquivo — importar este.
 *
 * Os nomes espelham os que o cockpit já usava, então adotar é só remover o :root
 * local e referenciar este arquivo (passo 2) — sem regressão visual.
 *
 * Origem dos valores:
 *   canonical = extraído do código existente (cockpit)  · não muda nada visual
 *   guideline = Diretrizes de Design (Obsidian)
 *   proposed  = novo, decidido em 08/Jun/2026
 *
 * HSE despriorizada (08/Jun/2026) — só LINKTI. Quando retomar, criar tokens.hse.css à parte.
 * ──────────────────────────────────────────────────────────────────────────── */

:root {
  /* ── Cores · marca (canonical) ─────────────────────────────────────────── */
  --navy:          #001A49;            /* logo, títulos, footer, texto sobre claro */
  --navy-2:        #0B2A66;
  --pink:          #E9327C;            /* CTA primário, hovers, H3 */
  --pink-2:        #C71F60;            /* hover do CTA */
  --cyan:          #2BB1E4;            /* links, detalhes */
  --cyan-2:        #1DACE3;            /* separadores */

  /* ── Cores · superfícies (canonical) ───────────────────────────────────── */
  --bg:            #F6F8FB;            /* fundo geral claro */
  --surface:       #FFFFFF;            /* cards */
  --surface-2:     #F1F4F9;            /* faixas, cabeçalho de tabela */
  --white:         #FFFFFF;            /* branco puro (guideline) */

  /* ── Cores · texto ─────────────────────────────────────────────────────── */
  --text:          #1F2937;            /* texto principal (canonical) */
  --text-body:     #464646;            /* parágrafos/descritivos (guideline §4.2) — NOVO; migrar no passo 2 */
  --soft:          #3D4756;            /* texto secundário (canonical) */
  --muted:         #5B6B85;            /* labels (canonical) */
  --dim:           #8896AC;            /* texto apagado (canonical) */

  /* ── Cores · bordas (canonical) ────────────────────────────────────────── */
  --border:        rgba(0,26,73,.10);
  --border-strong: rgba(0,26,73,.22);

  /* ── Cores · semafórica (canonical) ────────────────────────────────────── */
  --good:          #1F9D55;
  --warn:          #D97706;
  --danger:        #DC2626;

  /* ── Tipografia (guideline) ────────────────────────────────────────────── */
  /* Famílias e pesos são compartilhados. A escala de TAMANHO é por superfície. */
  --font-base:     "Nunito", sans-serif;     /* corpo + títulos */
  --font-display:  "Quicksand", sans-serif;  /* menu + CTAs */
  --weight-regular:   400;
  --weight-semibold:  600;
  --weight-bold:      700;
  --weight-extrabold: 800;

  /* ── Espaçamento (proposed · escala 4–48) ──────────────────────────────── */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-6:  24px;
  --space-8:  32px;
  --space-12: 48px;

  /* ── Raio (canonical) ──────────────────────────────────────────────────── */
  --radius:      8px;     /* botões, cards */
  --radius-pill: 999px;   /* badges, chips */

  /* ── Sombras (canonical) ───────────────────────────────────────────────── */
  --shadow-sm: 0 1px 2px rgba(0,26,73,.06);
  --shadow:    0 4px 14px rgba(0,26,73,.08);

  /* ── Motion (proposed · base = duração dominante atual) ────────────────── */
  --duration-fast: 100ms;
  --duration-base: 150ms;
  --duration-slow: 300ms;
  --ease-standard: ease;

  /* ── Breakpoints (proposed · reconciliar por superfície no passo 2) ────── */
  --bp-sm: 560px;
  --bp-md: 720px;
  --bp-lg: 1100px;
}