/* Ventus — Direção Brisa · tokens v1 (fonte: brandbook §14 — NÃO inventar hex) */ :root{ /* ambiente claro */ --v-gelo:#EBF0EE; --v-superficie:#F4F8F6; --v-petroleo:#0C1B2A; --v-verde:#0E8C64; --v-verde-hover:#0A6B4C; --v-apoio-claro:#57635D; --v-linha-clara:#D2DDD6; /* ambiente escuro */ --v-navy:#070C14; --v-aco:#112233; --v-navy-superficie:#0B1524; --v-gelo-texto:#E6EDF5; --v-menta:#2EE6A8; /* só sobre fundo escuro */ --v-apoio-escuro:#8DA0B5; --v-linha-escura:#17233A; /* tipografia */ --v-font-titulo:'Plus Jakarta Sans',sans-serif; --v-font-corpo:'Inter',sans-serif; /* base */ --v-u:8px; --v-r-sm:8px; --v-r-md:12px; --v-r-lg:16px; } /* semânticos — o Central nasce DARK; claro é opção do usuário (data-tema no ) */ :root, :root[data-tema="dark"]{ --cor-fundo:var(--v-navy); --cor-superficie:var(--v-navy-superficie); --cor-superficie-2:var(--v-aco); --cor-texto:var(--v-gelo-texto); --cor-apoio:var(--v-apoio-escuro); --cor-linha:var(--v-linha-escura); --cor-acento:var(--v-menta); /* menta SÓ no escuro (regra do brandbook) */ --cor-acento-texto:#062A1E; --cor-acento-hover:#54EDBA; color-scheme:dark; } :root[data-tema="claro"]{ --cor-fundo:var(--v-gelo); --cor-superficie:#FFFFFF; --cor-superficie-2:var(--v-superficie); --cor-texto:var(--v-petroleo); --cor-apoio:var(--v-apoio-claro); --cor-linha:var(--v-linha-clara); --cor-acento:var(--v-verde); --cor-acento-texto:#FFFFFF; --cor-acento-hover:var(--v-verde-hover); color-scheme:light; }