/* Ócule · tokens do design system (gerado de tokens.json do design system; não editar à mão).
   Convive com tokens.css (antigo) durante a migração: tudo aqui tem prefixo oc-. */
@font-face { font-family: "Onest"; src: url("../fonts/onest-variable.3db826ed1c5d.woff2") format("woff2"); font-weight: 400 700; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("../fonts/geistmono-variable.a15f9d568fb0.woff2") format("woff2"); font-weight: 400 600; font-display: swap; }
:root {
  --oc-fundo: #f7f6f5;
  --oc-superficie: #ffffff;
  --oc-superficie-2: #f2f0ee;
  --oc-superficie-3: #e9e6e3;
  --oc-linha: #e6e2de;
  --oc-linha-controle: #8c847d;
  --oc-texto: #221d1a;
  --oc-texto-2: #57504b;
  --oc-texto-3: #6b635d;
  --oc-laranja: #e75025;
  --oc-sobre-laranja: #ffffff;
  --oc-acao: #c2411b;
  --oc-acao-hover: #a8360f;
  --oc-sobre-acao: #ffffff;
  --oc-acao-suave: #fdeee8;
  --oc-acao-texto: #a8360f;
  --oc-tinta: #221d1a;
  --oc-sobre-tinta: #ffffff;
  --oc-foco: #221d1a;
  --oc-sucesso: #17734a;
  --oc-sucesso-suave: #e6f4ec;
  --oc-alerta: #8a5300;
  --oc-alerta-suave: #fff2d9;
  --oc-perigo: #b3261e;
  --oc-perigo-suave: #fcebe9;
  --oc-info: #2b5fab;
  --oc-info-suave: #e8f0fb;
  --oc-meta-1: #82bd2e;
  --oc-meta-2: #46a626;
  --oc-meta-3: #04574a;
  --oc-sobre-meta: #221d1a;
  --oc-sobre-meta-3: #ffffff;
  --oc-viz-1: #e75025;
  --oc-viz-2: #2f6f8f;
  --oc-viz-3: #b08a1f;
  --oc-viz-4: #7a4e8c;
  --oc-viz-outros: #b7afa8;
  --oc-podio-1: #946f12;
  --oc-podio-2: #6b7480;
  --oc-podio-3: #94552c;
  --oc-sobre-podio: #ffffff;
  --oc-sobreposicao: rgba(34, 29, 26, 0.48);
  --oc-sombra-1: 0 0 0 1px rgba(34, 29, 26, 0.04), 0 2px 6px rgba(34, 29, 26, 0.06), 0 4px 8px rgba(34, 29, 26, 0.06);
  --oc-sombra-2: 0 12px 32px rgba(34, 29, 26, 0.18);
  --oc-esp-1: 4px;
  --oc-esp-2: 8px;
  --oc-esp-3: 12px;
  --oc-esp-4: 16px;
  --oc-esp-5: 20px;
  --oc-esp-6: 24px;
  --oc-esp-8: 32px;
  --oc-esp-12: 48px;
  --oc-raio-xs: 6px;
  --oc-raio-sm: 10px;
  --oc-raio-md: 14px;
  --oc-raio-lg: 20px;
  --oc-raio-pilula: 999px;
  --oc-toque: 44px;
  --oc-controle-sm: 36px;
  --oc-controle-lg: 56px;
  --oc-menu: 248px;
  --oc-conteudo: 1280px;
  --font-sans: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
}
@media (prefers-color-scheme: dark) {
  :root {
    --oc-fundo: #141210;
    --oc-superficie: #1c1917;
    --oc-superficie-2: #25221f;
    --oc-superficie-3: #2f2b28;
    --oc-linha: #36312d;
    --oc-linha-controle: #7f7770;
    --oc-texto: #f4f1ee;
    --oc-texto-2: #c9c2bc;
    --oc-texto-3: #a8a099;
    --oc-laranja: #e75025;
    --oc-sobre-laranja: #ffffff;
    --oc-acao: #ff7a4d;
    --oc-acao-hover: #ff916a;
    --oc-sobre-acao: #1a0e08;
    --oc-acao-suave: #3a2018;
    --oc-acao-texto: #ffa27f;
    --oc-tinta: #f4f1ee;
    --oc-sobre-tinta: #141210;
    --oc-foco: #f4f1ee;
    --oc-sucesso: #5ccb8e;
    --oc-sucesso-suave: #12261a;
    --oc-alerta: #f0b94a;
    --oc-alerta-suave: #2c2210;
    --oc-perigo: #ff8a80;
    --oc-perigo-suave: #33171a;
    --oc-info: #8ab4f8;
    --oc-info-suave: #162238;
    --oc-meta-1: #c5ea5e;
    --oc-meta-2: #6fd13b;
    --oc-meta-3: #12a58c;
    --oc-sobre-meta: #141210;
    --oc-sobre-meta-3: #141210;
    --oc-viz-1: #ff7a4d;
    --oc-viz-2: #6fb3d6;
    --oc-viz-3: #e0b94a;
    --oc-viz-4: #b88bd0;
    --oc-viz-outros: #6b645e;
    --oc-podio-1: #946f12;
    --oc-podio-2: #6b7480;
    --oc-podio-3: #94552c;
    --oc-sobre-podio: #ffffff;
    --oc-sobreposicao: rgba(0, 0, 0, 0.6);
    --oc-sombra-1: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 2px 6px rgba(0, 0, 0, 0.3);
    --oc-sombra-2: 0 12px 32px rgba(0, 0, 0, 0.5);
  }
}