/* Tokens de design: todas as cores, espaços, raios, sombras e tempos do guia saem daqui. */
:root {
  --fonte: "Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, sans-serif;

  --t-xs: 0.75rem;
  --t-sm: 0.875rem;
  --t-md: 1rem;
  --t-lg: 1.125rem;
  --t-xl: 1.375rem;
  --t-2xl: 1.75rem;
  --t-3xl: 2.25rem;

  --e1: 4px;
  --e2: 8px;
  --e3: 12px;
  --e4: 16px;
  --e5: 20px;
  --e6: 24px;
  --e8: 32px;
  --e10: 40px;
  --e12: 48px;
  --e16: 64px;

  --raio-p: 8px;
  --raio-m: 12px;
  --raio-g: 16px;
  --raio-total: 999px;

  --suave: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur-1: 150ms;
  --dur-2: 240ms;
  --dur-3: 350ms;

  --largura-leitura: 820px;
  --largura-pagina: 1080px;
  --altura-barra: 60px;
}

:root,
[data-tema="claro"] {
  color-scheme: light;
  --fundo: #f5f6f3;
  --superficie: #ffffff;
  --superficie-2: #eff2ee;
  --borda: #e2e6e0;
  --borda-forte: #c9d0c8;
  --texto: #14201c;
  --texto-2: #47564f;
  --texto-3: #74827b;
  --marca: #0b6b5c;
  --marca-forte: #085347;
  --marca-suave: #e2f1ed;
  --sobre-marca: #ffffff;
  --alerta: #b42318;
  --alerta-suave: #fdeceb;
  --atencao: #8a5200;
  --atencao-suave: #fff2d9;
  --info: #1d4e89;
  --info-suave: #e7f0fa;
  --sombra-1: 0 1px 2px rgba(20, 32, 28, 0.06), 0 1px 1px rgba(20, 32, 28, 0.04);
  --sombra-2: 0 6px 16px rgba(20, 32, 28, 0.08), 0 1px 3px rgba(20, 32, 28, 0.06);
  --sombra-3: 0 20px 48px rgba(20, 32, 28, 0.18);
  --veu: rgba(15, 24, 21, 0.42);
}

[data-tema="escuro"] {
  color-scheme: dark;
  --fundo: #0c1211;
  --superficie: #141c1a;
  --superficie-2: #1b2523;
  --borda: #26322f;
  --borda-forte: #37453f;
  --texto: #e9efec;
  --texto-2: #adbab4;
  --texto-3: #7f8d87;
  --marca: #4fc3ae;
  --marca-forte: #7bd6c4;
  --marca-suave: #16302b;
  --sobre-marca: #06211c;
  --alerta: #ff8f85;
  --alerta-suave: #3a1917;
  --atencao: #f2bd62;
  --atencao-suave: #33270f;
  --info: #8fbcf2;
  --info-suave: #15263a;
  --sombra-1: 0 1px 2px rgba(0, 0, 0, 0.4);
  --sombra-2: 0 6px 16px rgba(0, 0, 0, 0.45);
  --sombra-3: 0 20px 48px rgba(0, 0, 0, 0.6);
  --veu: rgba(0, 0, 0, 0.6);
}