/* GERADO por frontend/tool/gerar_tokens.dart a partir de design/tokens.json. Não editar à mão. */
:root {
  --fundo: #F6F3EE;
  --superficie: #FFFFFF;
  --superficie-2: #ECE8E1;
  --linha: #DDD7CD;
  --borda-controle: #857E72;
  --tinta: #171A18;
  --tinta-suave: #555A54;
  --plantao: #2B4C39;
  --sobre-plantao: #FFFFFF;
  --plantao-suave: #E3EBE4;
  --plantao-tinta: #1F3A2B;
  --noite: #17231D;
  --noite-2: #22302A;
  --sobre-noite: #F3F0EA;
  --sobre-noite-suave: #B9C2BB;
  --barro: #7A4A32;
  --barro-claro: #E2B99F;
  --bloqueio: #C4232B;
  --sobre-bloqueio: #FFFFFF;
  --bloqueio-suave: #FBE5E3;
  --bloqueio-tinta: #8A1218;
  --alerta: #F5B100;
  --sobre-alerta: #2A1A00;
  --alerta-suave: #FFEFC7;
  --alerta-tinta: #5C3D00;
  --foco: #171A18;
  --font-display: "Red Hat Display", system-ui, sans-serif;
  --font-text: "Red Hat Text", system-ui, sans-serif;
  --font-mono: "Red Hat Mono", ui-monospace, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-24: 96px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 40px;
  --radius-pill: 999px;
  --sombra-cartao: 0 1px 2px rgba(23, 26, 24, 0.06), 0 16px 40px -16px rgba(23, 26, 24, 0.22);
}

/* Tema Madrugada: opcional, ligado por data-theme="dark" na raiz. */
:root[data-theme="dark"] {
  --fundo: #151412;
  --superficie: #1E1D1A;
  --superficie-2: #292723;
  --linha: #3A3731;
  --borda-controle: #8A8377;
  --tinta: #F3F0EA;
  --tinta-suave: #B5B0A6;
  --plantao: #A9CDB8;
  --sobre-plantao: #10241A;
  --plantao-suave: #22302A;
  --plantao-tinta: #BFDCCB;
  --noite: #22302A;
  --noite-2: #2D3D35;
  --barro: #E2B99F;
  --bloqueio: #D93A41;
  --bloqueio-suave: #3D1516;
  --bloqueio-tinta: #FFC9C6;
  --alerta-suave: #3A2C0A;
  --alerta-tinta: #FFD98A;
  --foco: #FFFFFF;
}

.t-display-xl {
  font-family: var(--font-display);
  font-size: 80px;
  line-height: 80px;
  font-weight: 900;
  letter-spacing: -0.035em;
}

.t-display-lg {
  font-family: var(--font-display);
  font-size: 52px;
  line-height: 56px;
  font-weight: 800;
  letter-spacing: -0.03em;
}

.t-titulo {
  font-family: var(--font-display);
  font-size: 30px;
  line-height: 36px;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.t-subtitulo {
  font-family: var(--font-display);
  font-size: 21px;
  line-height: 28px;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.t-lead {
  font-family: var(--font-text);
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}

.t-corpo {
  font-family: var(--font-text);
  font-size: 17px;
  line-height: 26px;
  font-weight: 400;
}

.t-corpo-forte {
  font-family: var(--font-text);
  font-size: 17px;
  line-height: 26px;
  font-weight: 600;
}

.t-legenda {
  font-family: var(--font-text);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.t-rotulo {
  font-family: var(--font-text);
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.t-dado {
  font-family: var(--font-mono);
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
}

.t-dado-lg {
  font-family: var(--font-mono);
  font-size: 22px;
  line-height: 28px;
  font-weight: 600;
}