/* LK Hub · tokens do design system (extraídos das telas aprovadas em 09/11/2026) */
:root {
  /* Marca LK */
  --brand: #2196F3;
  --brand-2: #2376D2;          /* botões primários, links */
  --brand-ink: #174E8C;
  --navy: #0F1E36;             /* menu lateral */
  --navy-2: #152A49;
  --navy-active: #1D3A63;
  --navy-text: #C5D0DE;
  --navy-muted: #8EA0B8;
  --navy-accent: #7CC4FF;

  /* Neutros */
  --bg: #F6F8FB;
  --surface: #FFFFFF;
  --surface-2: #F8FAFC;
  --surface-3: #F1F5F9;
  --column: #EEF2F6;
  --border: #E4E8EE;
  --border-strong: #CBD5E1;
  --divider: #EEF1F5;
  --text: #0F172A;
  --text-2: #475569;
  --text-3: #64748B;

  /* Tons semânticos: fundo · texto · ponto */
  --neutral-bg: #F1F5F9; --neutral-fg: #334155; --neutral-dot: #94A3B8;
  --blue-bg: #EFF6FF;    --blue-fg: #1D4ED8;    --blue-dot: #3B82F6;
  --amber-bg: #FFFBEB;   --amber-fg: #92400E;   --amber-dot: #F59E0B;
  --green-bg: #ECFDF5;   --green-fg: #047857;   --green-dot: #10B981;
  --red-bg: #FEF2F2;     --red-fg: #B91C1C;     --red-dot: #EF4444;
  --violet-bg: #F5F3FF;  --violet-fg: #6D28D9;  --violet-dot: #8B5CF6;
  --cyan-bg: #ECFEFF;    --cyan-fg: #0E7490;    --cyan-dot: #06B6D4;

  /* Tipografia */
  --font-body: Inter, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-head: 'Plus Jakarta Sans', Inter, system-ui, sans-serif;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 14px;
  --fs-lg: 15px;
  --fs-xl: 18px;
  --fs-page: 26px;
  --fs-kpi: 26px;

  /* Forma e espaço */
  --radius-sm: 6px;
  --radius: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-md: 0 4px 16px rgba(15, 23, 42, 0.08);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --focus: 0 0 0 3px rgba(33, 150, 243, 0.35);
}
