/* GERADO por backend/tools/gerar_tokens.py a partir de docs/handoff/okfamy-handoff/marca/design-tokens.json.
   Não editar à mão. Tema: <html data-tema="claro|escuro">; sem atributo segue o sistema. */
:root {
  --okf-surface: #FAF8F5;
  --okf-surface-raised: #FFFFFF;
  --okf-surface-sunken: #F1EEE9;
  --okf-line: #E7E2DB;
  --okf-ink: #0B3B4F;
  --okf-ink-muted: #5A6B73;
  --okf-petroleo: #0B3B4F;
  --okf-on-petroleo: #FFFFFF;
  --okf-azul: #0181A9;
  --okf-coral: #FE714C;
  --okf-coral-strong: #C8412A;
  --okf-vermelho: #EF4B4B;
  --okf-sol: #FDC157;
  --okf-verde: #02A482;
  --okf-verde-strong: #017A62;
  --okf-on-verde: #FFFFFF;
  --okf-azul-soft: #E1F1F7;
  --okf-coral-soft: #FFE8E0;
  --okf-sol-soft: #FFF3D6;
  --okf-verde-soft: #DDF3EC;
  --okf-vermelho-soft: #FDE4E4;
  --okf-shadow-card: 0 1px 2px rgba(11,59,79,0.06), 0 6px 18px rgba(11,59,79,0.06);
  --okf-space-1: 4px;
  --okf-space-2: 8px;
  --okf-space-3: 12px;
  --okf-space-4: 16px;
  --okf-space-6: 24px;
  --okf-space-8: 32px;
  --okf-radius-sm: 10px;
  --okf-radius-md: 18px;
  --okf-radius-lg: 28px;
  --okf-radius-pill: 999px;
  --okf-family-display: "Fredoka", "Nunito", system-ui, sans-serif;
  --okf-family-sans: "Nunito", system-ui, sans-serif;
  --okf-font-display: 600 34px/38px var(--okf-family-display);
  --okf-font-title: 600 24px/30px var(--okf-family-display);
  --okf-font-heading: 800 17px/22px var(--okf-family-sans);
  --okf-font-body: 500 15px/22px var(--okf-family-sans);
  --okf-font-label: 800 14px/18px var(--okf-family-sans);
  --okf-font-caption: 700 12px/16px var(--okf-family-sans);
  color-scheme: light;
}
:root[data-tema="escuro"] {
  --okf-surface: #0A2530;
  --okf-surface-raised: #0F3240;
  --okf-surface-sunken: #08202A;
  --okf-line: #1D4453;
  --okf-ink: #F2F6F7;
  --okf-ink-muted: #A9BCC4;
  --okf-petroleo: #F2F6F7;
  --okf-on-petroleo: #0A2530;
  --okf-azul: #3DB2D8;
  --okf-coral: #FF8A6B;
  --okf-coral-strong: #FF8A6B;
  --okf-vermelho: #FF6B6B;
  --okf-sol: #FDC157;
  --okf-verde: #2CC7A0;
  --okf-verde-strong: #2CC7A0;
  --okf-on-verde: #0A2530;
  --okf-azul-soft: #123B4B;
  --okf-coral-soft: #3A2A2A;
  --okf-sol-soft: #3A3322;
  --okf-verde-soft: #113F38;
  --okf-vermelho-soft: #3F2328;
  --okf-shadow-card: 0 1px 2px rgba(0,0,0,0.3);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-tema]) {
    --okf-surface: #0A2530;
    --okf-surface-raised: #0F3240;
    --okf-surface-sunken: #08202A;
    --okf-line: #1D4453;
    --okf-ink: #F2F6F7;
    --okf-ink-muted: #A9BCC4;
    --okf-petroleo: #F2F6F7;
    --okf-on-petroleo: #0A2530;
    --okf-azul: #3DB2D8;
    --okf-coral: #FF8A6B;
    --okf-coral-strong: #FF8A6B;
    --okf-vermelho: #FF6B6B;
    --okf-sol: #FDC157;
    --okf-verde: #2CC7A0;
    --okf-verde-strong: #2CC7A0;
    --okf-on-verde: #0A2530;
    --okf-azul-soft: #123B4B;
    --okf-coral-soft: #3A2A2A;
    --okf-sol-soft: #3A3322;
    --okf-verde-soft: #113F38;
    --okf-vermelho-soft: #3F2328;
    --okf-shadow-card: 0 1px 2px rgba(0,0,0,0.3);
    color-scheme: dark;
  }
}