/* =============================================================================
 *  ADMIN V18 — TOKENS
 * -----------------------------------------------------------------------------
 *  Fonte única de cor, raio, espaço, tipo e movimento do Administrativo.
 *  Valores medidos no protótipo aprovado
 *  (`docs/design/handoff-admin-v18/bento-admin-revisado-v18-inline.html`) e na
 *  tabela de tokens do handoff (§ Sistema visual). Nenhum componente escreve cor
 *  ou medida solta: pede um destes nomes.
 * ============================================================================= */

@font-face { font-family: "Geist"; src: url("../../vendor/fonts/geist-300.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: block; }
@font-face { font-family: "Geist"; src: url("../../vendor/fonts/geist-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: block; }
@font-face { font-family: "Geist"; src: url("../../vendor/fonts/geist-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: block; }
@font-face { font-family: "Geist"; src: url("../../vendor/fonts/geist-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: block; }
@font-face { font-family: "Geist"; src: url("../../vendor/fonts/geist-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: block; }

:root {
  color-scheme: dark;

  /* ── Escala de tinta ─────────────────────────────────────────────────── */
  --ba-tinta-1000: #060606;
  --ba-tinta-950: #0A0A0A;
  --ba-tinta-900: #101010;
  --ba-tinta-850: #151515;
  --ba-tinta-800: #1A1A1A;
  --ba-tinta-750: #202020;
  --ba-tinta-725: #242424;
  --ba-tinta-700: #282828;
  --ba-tinta-650: #303030;
  --ba-tinta-600: #3A3A3A;
  --ba-tinta-400: #6E6E6E;
  --ba-tinta-350: #888888;
  --ba-tinta-300: #8E8E8C;
  --ba-tinta-200: #A8A8A4;
  --ba-tinta-100: #D4D4D0;
  --ba-branco: #FFFFFF;
  --ba-branco-hover: #E5E5E5;
  --ba-branco-press: #D4D4D0;

  /* ── Superfícies (handoff: página #060606 · superfície #151515 · elevada #202020) */
  --ba-pagina: var(--ba-tinta-1000);
  --ba-superficie: var(--ba-tinta-850);
  --ba-superficie-elevada: var(--ba-tinta-750);
  --ba-superficie-ativa: var(--ba-tinta-650);
  --ba-superficie-funda: var(--ba-tinta-900);
  --ba-superficie-flutuante: var(--ba-tinta-950);
  --ba-veu: rgba(0, 0, 0, .65);
  --ba-hover-sutil: rgba(255, 255, 255, .05);

  /* ── Texto ───────────────────────────────────────────────────────────── */
  --ba-texto: var(--ba-branco);
  --ba-texto-secundario: var(--ba-tinta-200);
  --ba-texto-discreto: var(--ba-tinta-400);
  --ba-texto-apagado: var(--ba-tinta-600);
  --ba-texto-inverso: var(--ba-tinta-1000);

  /* ── Fios ────────────────────────────────────────────────────────────── */
  --ba-fio: rgba(255, 255, 255, .06);
  --ba-fio-editor: var(--ba-tinta-725);
  --ba-fio-menu: var(--ba-tinta-650);

  /* ── Ação (Administrativo = azul) ───────────────────────────────────── */
  --ba-acao: #0066FF;
  --ba-acao-hover: #3385FF;
  --ba-acao-press: #0052CC;
  --ba-acao-suave: #041B3D;
  --ba-acao-texto-suave: #3385FF;
  --ba-foco: #0066FF;

  /* ── Semântica de mensagens (handoff § Mensagens e estados) ─────────── */
  --ba-sucesso: #14EB2E;
  --ba-sucesso-suave: #052D0C;
  --ba-sucesso-texto: #63C879;
  --ba-info: #7AB0FF;
  --ba-info-suave: #0A1C38;
  --ba-atencao: #FFE66D;
  --ba-atencao-suave: #232400;
  --ba-erro: #FF7881;
  --ba-erro-suave: #310309;
  --ba-erro-forte: #FF1334;
  --ba-erro-forte-hover: #FF5468;
  --ba-erro-forte-press: #D40024;
  --ba-erro-menu: #FF7185;

  /* ── Estados de registro (tags) ─────────────────────────────────────── */
  --ba-estado-vivo: #14EB2E;         --ba-estado-vivo-suave: #052D0C;
  --ba-estado-rascunho: #A8A8A4;     --ba-estado-rascunho-suave: #141414;
  --ba-estado-prospect: #3385FF;     --ba-estado-prospect-suave: #0A1C38;
  --ba-estado-hibernando: #FF5113;   --ba-estado-hibernando-suave: #2A0F00;
  --ba-estado-bloqueado: #FF5468;    --ba-estado-bloqueado-suave: #310309;
  --ba-classe: #3385FF;              --ba-classe-suave: #041B3D;

  /* ── Portais (ícone e cor do módulo) ────────────────────────────────── */
  --ba-portal-administrativo: #0066FF;
  --ba-portal-comercial: #FD3D85;
  --ba-portal-financeiro: #14EB2E;
  --ba-portal-projetos: #FF5113;

  /* ── Paleta de avatares (bolinhas de cor) ───────────────────────────── */
  --ba-avatar-verde: #14EB2E;
  --ba-avatar-rosa: #FD3D85;
  --ba-avatar-laranja: #FF5113;
  --ba-avatar-azul: #0066FF;
  --ba-avatar-vermelho: #FF1334;
  --ba-avatar-violeta: #BD00FF;

  /* ── Raios ───────────────────────────────────────────────────────────── */
  --ba-raio-pilula: 999px;
  --ba-raio-campo: 16px;
  --ba-raio-campo-compacto: 14px;
  --ba-raio-celula: 12px;
  --ba-raio-item-menu: 10px;
  --ba-raio-menu: 18px;
  --ba-raio-menu-contexto: 16px;
  --ba-raio-editor: 20px;
  --ba-raio-cartao: 22px;
  --ba-raio-destaque: 28px;
  --ba-raio-modal: 28px;

  /* ── Tipografia ──────────────────────────────────────────────────────── */
  --ba-fonte: "Geist", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --ba-titulo-lista: clamp(62px, 7vw, 92px);
  --ba-titulo-ficha: clamp(48px, 6vw, 84px);
  --ba-titulo-secao: 26px;
  --ba-titulo-modal: 25px;
  --ba-nome-linha: clamp(20px, 2.1vw, 28px);
  --ba-texto-campo: 16px;
  --ba-texto-corpo: 14px;
  --ba-texto-pequeno: 13px;
  --ba-texto-meta: 12px;
  --ba-texto-rotulo: 11px;
  --ba-texto-tag: 10px;
  --ba-texto-micro: 9px;
  --ba-rastro-rotulo: .12em;
  --ba-rastro-botao: .1em;
  --ba-rastro-tag: .08em;

  /* ── Geometria ───────────────────────────────────────────────────────── */
  --ba-lateral: 200px;
  --ba-margem: 56px;
  --ba-grade-coluna: 24px;
  --ba-grade-linha: 18px;
  --ba-campo-altura: 52px;
  --ba-controle-altura: 40px;
  --ba-controle-pequeno: 32px;
  --ba-toque: 44px;
  --ba-conteudo-max: 1600px;

  /* ── Sombras ─────────────────────────────────────────────────────────── */
  --ba-sombra-flutuante: 0 26px 60px -18px rgba(0, 0, 0, .75);
  --ba-sombra-menu: 0 12px 30px rgba(0, 0, 0, .53);

  /* ── Movimento ───────────────────────────────────────────────────────── */
  --ba-curva: cubic-bezier(.2, .7, .2, 1);
  --ba-duracao-cor: 120ms;
  --ba-duracao-posicao: 180ms;
}

/* 821–1100 px: a ficha continua fluida; só margens e espaços encolhem. */
@media (max-width: 1100px) {
  :root { --ba-margem: 40px; }
}

/* ≤ 820 px: uma coluna e margens de toque. */
@media (max-width: 820px) {
  :root { --ba-margem: 24px; }
}

@media (prefers-reduced-motion: reduce) {
  :root { --ba-duracao-cor: 0ms; --ba-duracao-posicao: 0ms; }
}