/*
 * Tokens do design system do BASE Método — a ÚNICA fonte de cor, espaço,
 * raio e tipografia do projeto. Nenhum outro CSS usa hex solto (há teste que
 * garante). Documentação e contrastes medidos: docs/DESIGN.md.
 *
 * Paleta das cores do logo e da faixa preta: fundo claro, estrutura em preto
 * (#0B0B0C) e grafite das letras (#2E2D35), vermelho da marca (#D32F2F) só
 * como detalhe.
 *
 * Um tema de tela (claro). O "papel" — documento na tela (.theme-light),
 * impressão e PDFs — só troca o que muda no papel: superfícies brancas e
 * nenhuma sombra.
 */

/* --- Fontes (self-hosted: offline no PWA e sem IP do usuário no Google) --- */
@font-face {
  font-family: "Anton";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/anton-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Anton";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/anton-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Inter é variável: um arquivo cobre os pesos 400 a 700. */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/inter-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/inter-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* --- Tokens independentes de tema --------------------------------------- */
:root {
  --font-display: "Anton", "Impact", "Arial Narrow", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.875rem;
  --text-3xl: 2.5rem;
  --leading: 1.5;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 2rem;
  --space-8: 3rem;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  --touch: 44px;
  --bottom-nav-height: 64px;

  /* Belt badges recebem a cor da faixa pelo atributo style (dado do banco). */
  --belt-color: transparent;
}

/* --- Tema de tela (claro) ----------------------------------------------- */
:root {
  color-scheme: light;

  /* Página em cinza frio (matiz do grafite); cards e barras em branco sólido
     por cima — a camada vem da borda fina e da sombra larga (DESIGN.md §4). */
  --surface: #F4F4F6;
  --surface-raised: #FFFFFF;
  --surface-sunken: #ECECEF;
  --surface-overlay: #FFFFFF;

  --text: #2E2D35;
  --text-muted: #5C5A68;
  --text-strong: #0B0B0C;

  /* O vermelho do logo (#D32F2F) preenche e destaca; em texto pequeno cai a
     4,53:1 na página e 4,22:1 no fundo rebaixado — texto usa #B3261E. */
  --accent: #D32F2F;
  --accent-hover: #B3261E;
  --accent-text: #B3261E;
  --accent-contrast: #FFFFFF;
  --accent-soft: #FDECEA;

  /* Estrutura em preto: a 10% para a borda geral, cheio só no destaque. */
  --border: #0B0B0C1A;
  --border-strong: #0B0B0C;
  /* Borda de campo ≥ 3:1 até no fundo rebaixado (3,89:1). */
  --border-field: #767480;
  --field-bg: #FFFFFF;

  --success: #1D723C;
  --success-soft: #E8F5E9;
  --warning: #8E4C0B;
  --warning-soft: #FFF8E1;
  --danger: #B3261E;
  --danger-soft: #FDECEA;

  --focus-ring: 0 0 0 3px #B3261E;
  --shadow-raised: 0 1px 2px #0B0B0C0F, 0 12px 32px -12px #0B0B0C29;
  --shadow-hover: 0 2px 4px #0B0B0C14, 0 20px 40px -16px #0B0B0C38;

  /* Séries dos gráficos: slots 1 e 2 do dataviz, validados no modo claro. */
  --series-1: #2A78D6;
  --series-2: #EB6834;

  --scrim: #0B0B0C80;
}

/* --- Papel: documento na tela (prévia do relatório, roteiro) e PDFs ----- */
.theme-light {
  --surface: #FFFFFF;
  --surface-raised: #F5F5F7;
  --surface-sunken: #EDEDF0;
  --surface-overlay: #FFFFFF;

  --shadow-raised: none;
  --shadow-hover: none;
}

/* --- Papel na impressão: tudo branco, sem sombra e sem anel de foco ----- */
@media print {
  :root {
    --surface: #FFFFFF;
    --surface-raised: #FFFFFF;
    --surface-sunken: #FFFFFF;
    --surface-overlay: #FFFFFF;

    --shadow-raised: none;
    --shadow-hover: none;
    --focus-ring: none;
  }
}