/* ──────────────────────────────────────────────────────────────────────────
   tokens.css — fonte única de verdade do design system.

   Carregue ANTES de qualquer outro CSS da aplicação (ver Base.html).
   Antes existiam três blocos :root independentes e fora de sincronia
   (tooplate-mini-finance.css, login.css e o namespace --tk-* do ticket.css).
   Este arquivo unifica todos. Não redeclare estes valores em outro lugar.

   Contraste verificado (WCAG 2.1 AA — texto normal exige 4.5:1):
     --p-color        #b0b0b0 sobre --body-bg     #121212 → 8.64:1
     --p-color        #b0b0b0 sobre --section-bg  #242424 → 7.15:1
     --muted-color    #9a9a9a sobre --panel-bg    #1e1e1e → 5.93:1
     --muted-color    #9a9a9a sobre --card-bg     #2a2a2a → 5.10:1
     #ffffff          sobre --accent-solid        #2f6fd0 → 4.88:1
     #ffffff          sobre --accent-solid-hover  #2a63bb → 5.83:1
   ────────────────────────────────────────────────────────────────────────── */

:root {
  /* ── Superfícies (do mais escuro ao mais claro) ───────────────────────── */
  --body-bg: #121212;
  --panel-bg: #1e1e1e;
  --section-bg-color: #242424;
  --card-bg: #2a2a2a;
  --secondary-color: #2d2d2d;

  --primary-color: #1a1a1a;
  --primary-bg-color: #1a1a1a;
  --custom-btn-bg-color: #1a1a1a;
  --custom-btn-bg-hover-color: #2a2a2a;

  /* ── Texto ────────────────────────────────────────────────────────────── */
  --white-color: #ffffff;
  --heading-color: #ffffff;
  --dark-color: #ffffff;
  --text-color: #e8e8e8;
  --p-color: #b0b0b0;
  --muted-color: #9a9a9a;

  /* ── Traços e bordas ──────────────────────────────────────────────────── */
  --border-color: #404040;
  --border-hover-color: #5a5a5a;
  --link-hover-color: #4a4a4a;

  /* ── Acento ───────────────────────────────────────────────────────────── */
  /* --accent: uso NÃO-textual (foco, indicadores, marcadores). 3.68:1 sobre
     o fundo escuro satisfaz o mínimo 3:1 de componentes (WCAG 1.4.11).
     --accent-solid: fundo de botão com texto branco por cima. #3b82f6 dava
     apenas 3.68:1 e reprovava em AA; #2f6fd0 dá 4.88:1. */
  --accent: #3b82f6;
  --accent-solid: #2f6fd0;
  --accent-solid-hover: #2a63bb;

  /* ── Semântica de estado ──────────────────────────────────────────────── */
  /* --*-color: preenchimentos e ícones (não-textual, mínimo 3:1).
     --danger-text: variante clara para TEXTO — #ef4444 dá só 3.81:1 sobre
     --card-bg e reprovaria em 4.5:1; #f87171 dá 5.19:1. */
  --success-color: #22c55e;
  --danger-color: #ef4444;
  --danger-text: #f87171;
  --warning-color: #f97316;
  --info-color: #60a5fa;
  /* Marca "cliente tem boleto" na lista de clientes. Era a cor nomeada
     `lightseagreen` solta no template. 6.36:1 sobre --panel-bg. */
  --teal-color: #20b2aa;

  /* ── Classe (prioridade) do ticket ────────────────────────────────────── */
  /* --classe-leve era #6b7280: 2.97:1 sobre --card-bg, abaixo até do mínimo
     3:1 de elemento não-textual. #9ca3af dá 5.65:1. */
  --classe-urgente: #ef4444;
  --classe-grave: #f97316;
  --classe-normal: #3b82f6;
  --classe-leve: #9ca3af;

  /* ── Tipo do ticket ───────────────────────────────────────────────────── */
  --tipo-bug: #f87171;
  --tipo-duvida: #60a5fa;
  --tipo-hardware: #fbbf24;
  --tipo-software: #a78bfa;

  /* ── Tipografia ───────────────────────────────────────────────────────── */
  /* Roboto é carregado via <link> no Base.html / Login.html / TicketFull.html.
     Não use @import: ele serializa o download atrás do parse do CSS. */
  --body-font-family: 'Roboto', sans-serif;

  --h1-font-size: 74px;
  --h2-font-size: 46px;
  --h3-font-size: 32px;
  --h4-font-size: 28px;
  --h5-font-size: 24px;
  --h6-font-size: 22px;
  --p-font-size: 18px;
  --menu-font-size: 14px;
  --btn-font-size: 12px;
  --copyright-font-size: 10px;

  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-bold: 700;

  /* ── Raios ────────────────────────────────────────────────────────────── */
  --border-radius-large: 100px;
  --border-radius-medium: 20px;
  --border-radius-small: 10px;

  /* ── Camadas (z-index semântico) ──────────────────────────────────────── */
  /* Alinhado à escala do Bootstrap, para conviver com dropdown/modal dele.
     Use estes valores em vez de inventar 999/9999 em código novo.

     O tema herdado ainda tem z-index avulsos (sidebar: 100, botão de fechar:
     222 em tooplate-mini-finance.css). Não foram migrados de propósito: a
     sidebar em 100 fica ABAIXO do dropdown do Bootstrap (1000), e promovê-la
     a --z-sticky (1020) esconderia os menus da navbar atrás dela. Migrar exige
     conferir o empilhamento no navegador. */
  --z-dropdown: 1000;
  --z-sticky: 1020;
  --z-modal-backdrop: 1050;
  --z-modal: 1055;
  --z-toast: 1080;
  --z-tooltip: 1090;
}