/* Granja do Froid · compilado de tokens.json */
:root, [data-theme="casca"] {
  --capa: #23291d;
  --mato: #12160e;
  --musgo-profundo: #26331a;
  --musgo: #5e7a34;
  --musgo-escuro: #4e6a2a;
  --broto: #9dc258;
  --broto-sombra: #8fb34c;
  --broto-luz: #b5d47e;
  --salvia: #a9bc86;
  --veludo: #0b3d1b;
  --clara: #fdfcf8;
  --casca: #f2efe8;
  --tinta: #1b2116;
  --curativo: #c19472;
  --curativo-pad: #a87c5c;
  --ovo: #9c6544;
  --ovo-luz: #b47d57;
  --ovo-pinta: #6b4128;
  --chao: var(--clara);
  --chao-fundo: var(--capa);
  --painel: var(--casca);
  --texto: var(--tinta);
  --texto-2: #4e5a40;
  --titulo: var(--musgo-profundo);
  --destaque: var(--musgo-escuro);
  --linha: #d9d4c7;
  --traco: #e4dfd2;
  --linha-forte: #8a8574;
  --acao: var(--musgo-escuro);
  --sobre-acao: var(--casca);
  --foco: var(--musgo-escuro);
  --ok: var(--musgo-escuro);
  --alerta: #a42c2c;
  --sombra-papel: #1b211633;
  --sombra-recorte: 0 1px 0 #1b21161f, 0 12px 22px -12px #1b211659;
  --sombra-alta: 0 2px 0 #1b211614, 0 22px 34px -16px #1b21166b;
  --foco-anel: 0 0 0 2px #fdfcf8, 0 0 0 4px #4e6a2a;
  color-scheme: light;
}
[data-theme="musgo"] {
  --chao: var(--capa);
  --chao-fundo: var(--mato);
  --painel: var(--musgo-profundo);
  --texto: var(--casca);
  --texto-2: var(--salvia);
  --titulo: var(--broto);
  --destaque: var(--broto);
  --linha: #3a4530;
  --traco: #34452a;
  --linha-forte: #6f7d5c;
  --acao: var(--broto);
  --sobre-acao: var(--tinta);
  --foco: var(--broto);
  --ok: var(--broto);
  --alerta: #f08a76;
  --sombra-papel: #0a0d07b3;
  --sombra-recorte: 0 1px 0 #0000004d, 0 12px 22px -10px #000000b3;
  --sombra-alta: 0 2px 0 #00000059, 0 24px 36px -14px #000000cc;
  --foco-anel: 0 0 0 2px #23291d, 0 0 0 4px #9dc258;
  color-scheme: dark;
}
[data-theme="broto"] {
  --chao: var(--broto);
  --chao-fundo: var(--capa);
  --painel: var(--broto-sombra);
  --texto: var(--tinta);
  --texto-2: var(--musgo-profundo);
  --titulo: var(--veludo);
  --destaque: var(--veludo);
  --linha: #84a843;
  --traco: var(--broto-luz);
  --linha-forte: var(--musgo-profundo);
  --acao: var(--veludo);
  --sobre-acao: var(--casca);
  --foco: var(--veludo);
  --ok: var(--veludo);
  --alerta: #6e1a1a;
  --sombra-papel: #1b21164d;
  --sombra-recorte: 0 1px 0 #1b21161f, 0 16px 26px -14px #1b211673;
  --sombra-alta: 0 2px 0 #1b21161f, 0 24px 36px -16px #1b21168c;
  --foco-anel: 0 0 0 2px #9dc258, 0 0 0 4px #0b3d1b;
  color-scheme: light;
}
:root {
  --esp-1: 4px;
  --esp-2: 8px;
  --esp-3: 12px;
  --esp-4: 16px;
  --esp-5: 20px;
  --esp-6: 24px;
  --esp-8: 32px;
  --esp-12: 48px;
  --esp-16: 64px;
  --raio-1: 4px;
  --raio-2: 8px;
  --raio-pilula: 999px;
  --granulado: 0.09;
  --dur-curta: 160ms;
  --dur-media: 280ms;
  --dur-longa: 700ms;
  --curva-saida: cubic-bezier(.2,.8,.2,1);
  --curva-mola: cubic-bezier(.34,1.56,.64,1);
  --font-titulo: "Bricolage Grotesque", "Arial Black", system-ui, sans-serif;
  --font-texto: "Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-carimbo: Doto, ui-monospace, "Courier New", monospace;
}
.display { font-family: var(--font-titulo); font-size: 64px; line-height: 60px; font-weight: 800; letter-spacing: -0.035em; font-variation-settings: 'opsz' 96; }
.titulo-1 { font-family: var(--font-titulo); font-size: 40px; line-height: 42px; font-weight: 800; letter-spacing: -0.025em; font-variation-settings: 'opsz' 72; }
.titulo-2 { font-family: var(--font-titulo); font-size: 24px; line-height: 28px; font-weight: 700; letter-spacing: -0.015em; font-variation-settings: 'opsz' 32; }
.preco { font-family: var(--font-titulo); font-size: 32px; line-height: 32px; font-weight: 800; letter-spacing: -0.02em; font-variation-settings: 'opsz' 48; }
.corpo { font-family: var(--font-texto); font-size: 16px; line-height: 24px; font-weight: 400; font-variation-settings: 'opsz' 16; }
.corpo-forte { font-family: var(--font-texto); font-size: 16px; line-height: 24px; font-weight: 600; font-variation-settings: 'opsz' 16; }
.botao { font-family: var(--font-texto); font-size: 15px; line-height: 20px; font-weight: 700; letter-spacing: 0.01em; font-variation-settings: 'opsz' 16; }
.apoio { font-family: var(--font-texto); font-size: 14px; line-height: 20px; font-weight: 400; font-variation-settings: 'opsz' 14; }
.rotulo { font-family: var(--font-texto); font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: 0.1em; font-variation-settings: 'opsz' 12; }
.carimbo { font-family: var(--font-carimbo); font-size: 15px; line-height: 18px; font-weight: 800; letter-spacing: 0.08em; }
.carimbo-grande { font-family: var(--font-carimbo); font-size: 28px; line-height: 28px; font-weight: 900; letter-spacing: 0.04em; }
@font-face { font-family: "Bricolage Grotesque"; src: url("../fonts/BricolageGrotesque-latin.woff2") format("woff2"); font-weight: 200 800; font-display: swap; }
@font-face { font-family: "Doto"; src: url("../fonts/Doto-latin.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }