/* Tokens do CRM Jonh FPV, no padrão da landing FPV NA PELE (HOVR): Paper, Sage, Signal Red, Black; Anton + Inter.
   Nunca escrever cor solta (#hex) dentro de um componente: usar var(--...).
   Tema escuro (Black) é o padrão; o claro (Paper) entra com data-tema="claro" (redefinido em css/painel.css). */
:root{
  /* OGAB:TOKENS:INICIO */
  --fundo:#0B0B0B; --fundo2:#101112; --card:#151617;
  --texto:#EEEFF0; --texto2:#9EA39D;
  --acao:#D90429; --acao2:#FF2B4F; --texto-acao:#FFFFFF;
  --sucesso:#B7C2B4; --erro:#D90429;
  --f-titulo:"Anton",Impact,"Arial Narrow",sans-serif; --f-texto:"Inter",system-ui,sans-serif; --f-mono:"IBM Plex Mono",ui-monospace,monospace;
  --caixa-titulo:uppercase; --raio:14px;
  /* OGAB:TOKENS:FIM */
  --paper:#EEEFF0; --sage:#9EA39D; --red:#D90429; --black:#0B0B0B; --branco:#FFFFFF;
  --borda:color-mix(in srgb,var(--texto) 12%,transparent);
  --borda2:color-mix(in srgb,var(--acao) 45%,transparent);
  --brilho-acao:color-mix(in srgb,var(--acao) 45%,transparent);
  --raio-p:calc(var(--raio) * .7); --raio-g:calc(var(--raio) * 1.3); --pilula:999px;
  --wrap:1120px; --estreito:760px; --oferta:640px;
  --secao:clamp(64px,9vw,96px); --gutter:20px;
  --sombra:0 30px 60px -32px rgba(0,0,0,.7);
  --ease:cubic-bezier(.2,.8,.2,1);
  --grao:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
  color-scheme:dark;
}
:root[data-tema="claro"]{color-scheme:light}