/* GERADO por scripts/gerar-tokens.mjs a partir do DESIGN.md. Não editar à mão. */
:root {
  --cor-primary: #6B4A35;
  --cor-background: #F7F0DD;
  --cor-surface: #FFFCF5;
  --cor-on-surface: #32261F;
  --cor-secondary: #746354;
  --cor-outline: #D9C6B0;
  --cor-highlight: #EED998;
  --cor-error: #8A382B;
  --cor-success: #405337;
  --espaco-xs: 4px;
  --espaco-sm: 8px;
  --espaco-md: 12px;
  --espaco-lg: 16px;
  --espaco-xl: 24px;
  --espaco-2xl: 32px;
  --espaco-3xl: 48px;
  --raio-small: 8px;
  --raio-control: 10px;
  --raio-card: 16px;
  --raio-sheet: 24px;
  --fonte-titulo: 'Manrope', system-ui, sans-serif;
  --fonte-texto: 'Source Sans 3', system-ui, sans-serif;
}
.t-h1 { font-family: var(--fonte-titulo); font-size: 28px; font-weight: 600; line-height: 34px; letter-spacing: -0.3px; }
.t-h2 { font-family: var(--fonte-titulo); font-size: 20px; font-weight: 600; line-height: 26px; letter-spacing: 0px; }
.t-h3 { font-family: var(--fonte-titulo); font-size: 18px; font-weight: 600; line-height: 24px; letter-spacing: 0px; }
.t-body-md { font-family: var(--fonte-texto); font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0px; }
.t-body-sm { font-family: var(--fonte-texto); font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: 0px; }
.t-label { font-family: var(--fonte-texto); font-size: 16px; font-weight: 600; line-height: 22px; letter-spacing: 0px; }
.t-navigation { font-family: var(--fonte-texto); font-size: 12px; font-weight: 600; line-height: 16px; letter-spacing: 0px; }
.t-body-sm-strong { font-family: var(--fonte-texto); font-size: 14px; font-weight: 600; line-height: 20px; letter-spacing: 0px; }
.t-caption { font-family: var(--fonte-texto); font-size: 12px; font-weight: 400; line-height: 16px; letter-spacing: 0px; }
.t-overline { font-family: var(--fonte-texto); font-size: 11px; font-weight: 600; line-height: 14px; letter-spacing: 0.4px; }
.t-display { font-family: var(--fonte-titulo); font-size: 56px; font-weight: 600; line-height: 64px; letter-spacing: -1px; }
.t-titulo-xl { font-family: var(--fonte-titulo); font-size: 40px; font-weight: 600; line-height: 48px; letter-spacing: -0.6px; }
.t-body-lg { font-family: var(--fonte-texto); font-size: 18px; font-weight: 400; line-height: 28px; letter-spacing: 0px; }