/* ============================================================
   SARA — tokens de design.
   Fonte (contrato): docs/design/sara-front-novo.html, bloco de
   tokens no fim do arquivo. Valores identicos ao mockup.
   ============================================================ */
:root {
  /* Marca, navy e dourado */
  --sara-navy: #1e3a5f;
  --sara-navy-dark: #0a1929;
  --sara-navy-deep: #122e52;
  --sara-navy-deep-end: #081726;
  --sara-stage-gradient: linear-gradient(180deg, var(--sara-navy-deep) 0%, var(--sara-navy-deep-end) 100%);
  --sara-gold: #c5a55a;
  --sara-gold-light: #e8d5a0;
  --sara-gold-soft: rgba(197,165,90,0.16);
  --sara-gold-soft-strong: rgba(197,165,90,0.24);

  /* Superficies e texto */
  --sara-bg: #f8fafc;
  --sara-surface: #ffffff;
  --sara-text: #0f172a;
  --sara-text-secondary: #64748b;
  --sara-border: #e2e8f0;

  /* Status e severidade, fundo pastel com texto solido */
  --sara-green: #059669;
  --sara-green-bg: #f0fdf4;
  --sara-green-border: #bbf7d0;
  --sara-amber: #92400e;
  --sara-amber-bg: #fffbeb;
  --sara-amber-border: #fde68a;
  --sara-red: #ef4444;
  --sara-red-bg: #fef2f2;
  --sara-red-border: #fecaca;
  --sara-blue: #1d4ed8;
  --sara-blue-bg: #eff6ff;
  --sara-blue-border: #bfdbfe;
  --sara-slate: #475569;
  --sara-slate-bg: #f1f5f9;
  --sara-slate-border: #cbd5e1;

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

  /* Espacamento, escala de 4px */
  --sara-space-1: 4px;
  --sara-space-2: 8px;
  --sara-space-3: 12px;
  --sara-space-4: 16px;
  --sara-space-5: 24px;
  --sara-space-6: 32px;
  --sara-space-7: 48px;

  /* Raio e sombra */
  --sara-radius: 12px;
  --sara-radius-sm: 8px;
  --sara-radius-pill: 999px;
  --sara-shadow-gold: 0 10px 26px rgba(197,165,90,0.16);
  --sara-shadow-gold-hover: 0 16px 34px rgba(197,165,90,0.24);
  --sara-shadow-header: 0 2px 18px rgba(8,23,38,0.28);
  --sara-shadow-soft: 0 1px 2px rgba(15,23,42,0.06);

  /* Transicoes */
  --sara-transition: 0.18s ease;

  /* Layout */
  --sara-content-max: 1320px;
  --sara-aside-width: 380px;
  --sara-header-h: 72px;
  --sara-tablist-h: 48px;
}