/* BudgetOne Design System: tokens.json compilado para CSS (tema claro na raiz, escuro por data-theme). */
:root, [data-theme="light"] {
  --fundo: #f6f3ec;
  --superficie: #ffffff;
  --superficie-afundada: #eeeae0;
  --texto: #10202e;
  --texto-suave: #4d5a66;
  --borda: #e1dbcd;
  --borda-controle: #877f6f;
  --marca: #1e7a55;
  --marca-forte: #17603f;
  --sobre-marca: #ffffff;
  --marca-suave: #e2efe8;
  --destaque: #e9a23b;
  --sobre-destaque: #10202e;
  --pendente-texto: #1f4f8a;
  --pendente-fundo: #e3ecf7;
  --confirmado-texto: #17603f;
  --confirmado-fundo: #e2efe8;
  --contestado-texto: #8a4600;
  --contestado-fundo: #fce7c4;
  --cancelado-texto: #56616c;
  --cancelado-fundo: #ece8df;
  --perigo: #b3261e;
  --perigo-fundo: #fbe7e4;
  --sobre-perigo: #ffffff;
  --foco: #1d5fbf;
  --veu: rgba(16, 32, 46, 0.48);
  --sombra-card: 0 1px 2px rgba(16, 32, 46, 0.06);
  --sombra-flutuante: 0 8px 24px rgba(16, 32, 46, 0.16);
}
[data-theme="dark"] {
  color-scheme: dark;
  --fundo: #0d1822;
  --superficie: #15232f;
  --superficie-afundada: #1b2b39;
  --texto: #ece8de;
  --texto-suave: #a3afba;
  --borda: #26384a;
  --borda-controle: #6e8193;
  --marca: #3fbf86;
  --marca-forte: #6fd6a6;
  --sobre-marca: #0d1822;
  --marca-suave: #153326;
  --destaque: #e9a23b;
  --sobre-destaque: #10202e;
  --pendente-texto: #9ec4f2;
  --pendente-fundo: #172c45;
  --confirmado-texto: #7fd8ab;
  --confirmado-fundo: #153326;
  --contestado-texto: #f4b860;
  --contestado-fundo: #3a2710;
  --cancelado-texto: #a3afba;
  --cancelado-fundo: #222f3b;
  --perigo: #ff8f80;
  --perigo-fundo: #3d1a17;
  --sobre-perigo: #0d1822;
  --foco: #8db8ff;
  --veu: rgba(0, 0, 0, 0.6);
  --sombra-card: none;
  --sombra-flutuante: 0 8px 24px rgba(0, 0, 0, 0.5);
}
:root {
  --espaco-1: 4px;
  --espaco-2: 8px;
  --espaco-3: 12px;
  --espaco-4: 16px;
  --espaco-6: 24px;
  --espaco-8: 32px;
  --toque-minimo: 48px;
  --raio-sm: 6px;
  --raio-md: 10px;
  --raio-lg: 16px;
  --raio-pill: 999px;
  --font-marca: "Bricolage Grotesque", "Figtree", system-ui, sans-serif;
  --font-texto: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
}
.titulo-1 { font-family: var(--font-marca); font-size: 28px; line-height: 34px; font-weight: 700; letter-spacing: -0.01em; }
.titulo-2 { font-family: var(--font-marca); font-size: 20px; line-height: 26px; font-weight: 650; }
.valor-grande { font-family: var(--font-marca); font-size: 28px; line-height: 32px; font-weight: 600; font-variant-numeric: tabular-nums; }
.titulo-3 { font-family: var(--font-texto); font-size: 16px; line-height: 22px; font-weight: 600; }
.corpo { font-family: var(--font-texto); font-size: 15px; line-height: 22px; font-weight: 400; }
.corpo-forte { font-family: var(--font-texto); font-size: 15px; line-height: 22px; font-weight: 600; }
.apoio { font-family: var(--font-texto); font-size: 13px; line-height: 18px; font-weight: 400; }
.rotulo { font-family: var(--font-texto); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; }
.codigo { font-family: var(--font-mono); font-size: 13px; line-height: 18px; font-weight: 400; }