/* Design tokens — Fase 03 (audit/03-sistema-visual.md).
   Paleta "A — mínima mudança": mantém #1D809F (já em uso como --bs-primary do
   Bootstrap customizado deste projeto), só adiciona os tons de apoio que faltavam.
   Contraste checado manualmente (WCAG AA, 4.5:1 pra texto normal):
   branco sobre --color-primary ≈ 4.53:1 (passa, no limite — não escurecer mais o
   primary sem reconferir). Texto/fundo demais são folgados. */

:root {
  --color-primary: #1D809F;
  --color-primary-dark: #145A70;
  --color-primary-light: #E6F3F6;

  --color-success: #1E8F5F;
  --color-danger: #DC3545;
  --color-warning: #E8A000;
  --color-risk-high: #D4500A;
  --color-danger-dark: #8B1A24;

  --color-text: #1A2B33;
  --color-text-muted: #5B6B72;

  --color-bg: #FFFFFF;
  --color-bg-soft: #F5F9FA;
  --color-border: #DCE6E9;

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;

  --shadow-card: 0 2px 8px rgba(26, 43, 51, 0.08);
  --shadow-card-hover: 0 6px 20px rgba(26, 43, 51, 0.14);

  --transition-fast: 180ms ease-in-out;

  /* Escala tipográfica (base 16px, razão ~1.25). clamp() escala entre mobile e
     desktop sem precisar de @media separado por tamanho de fonte. */
  --font-size-h1: clamp(1.75rem, 1.4rem + 1.5vw, 2.75rem);
  --font-size-h2: clamp(1.4rem, 1.2rem + 1vw, 2rem);
  --font-size-h3: clamp(1.15rem, 1.05rem + 0.5vw, 1.5rem);
  --font-size-body: 1rem;
  --font-size-small: 0.875rem;
}