/* Lolu — tokens normativos do redesign aprovado em 26/10/2026.
   Referência entregue; não importada automaticamente no app. */
:root {
  --lolu-primary: #EA580C;
  --lolu-primary-hover: #C2410C;
  --lolu-primary-text: #C2410C;
  --lolu-primary-button: #C2410C;
  --lolu-primary-button-hover: #9A3412;
  --lolu-primary-soft: #FFF1E8;
  --lolu-background: #FAFAF9;
  --lolu-surface: #FFFFFF;
  --lolu-text: #111827;
  --lolu-muted: #64748B;
  --lolu-border: #E5E7EB;
  --lolu-success: #15803D;
  --lolu-success-soft: #F0FDF4;
  --lolu-danger: #B91C1C;
  --lolu-danger-soft: #FEF2F2;
  --lolu-warning: #92400E;
  --lolu-warning-soft: #FFFBEB;
  --lolu-focus: #9A3412;
  --lolu-font: Inter, "Segoe UI", Arial, sans-serif;
  --lolu-text-xs: 12px;
  --lolu-text-sm: 14px;
  --lolu-text-section: 18px;
  --lolu-text-title: 28px;
  --lolu-space-1: 4px;
  --lolu-space-2: 8px;
  --lolu-space-3: 12px;
  --lolu-space-4: 16px;
  --lolu-space-5: 20px;
  --lolu-space-6: 24px;
  --lolu-space-8: 32px;
  --lolu-space-10: 40px;
  --lolu-space-12: 48px;
  --lolu-radius-control: 8px;
  --lolu-radius-card: 12px;
  --lolu-radius-pill: 999px;
  --lolu-shadow: 0 2px 8px rgba(17,24,39,.04);
  --lolu-sidebar: 216px;
  --lolu-content-max: 1600px;
  --lolu-control-height: 44px;
  --lolu-row-height: 52px;
  --lolu-focus-ring: 0 0 0 3px rgba(154,52,18,.25);
}
/* Tema escuro: mesma hierarquia; nunca aplicar junto de superfícies claras. */
[data-lolu-theme="dark"] {
  --lolu-background: #111827;
  --lolu-surface: #1F2937;
  --lolu-text: #F9FAFB;
  --lolu-muted: #CBD5E1;
  --lolu-border: #475569;
  --lolu-primary-text: #FDBA74;
  --lolu-primary-soft: #431407;
  --lolu-success: #86EFAC;
  --lolu-success-soft: #052E16;
  --lolu-danger: #FCA5A5;
  --lolu-danger-soft: #450A0A;
  --lolu-warning: #FDE68A;
  --lolu-warning-soft: #451A03;
  --lolu-focus: #FDBA74;
}