/* tokens.css - variaveis do projeto PR_LABOR
   Cor de marca via familia --cor-primaria. O hex NUNCA aparece em template, so aqui.
   Tema light + dark: pares de tokens de superficie/texto trocados por data-tema no <html>. */

:root {
  /* Cor de marca (familia --cor-primaria) */
  --cor-primaria: #3387E9;
  --cor-primaria-escura: #1E6FD0;
  --cor-primaria-suave: rgba(51, 135, 233, 0.12);
  --sobre-primaria: #ffffff;   /* texto/icone sobre fundo --cor-primaria: branco nos DOIS temas */

  /* Estados */
  --cor-ok: #16a34a;          /* estado ligado do toggle (Padrao_Toggle_Tipos) */
  --cor-ok-suave: rgba(22, 163, 74, 0.16);    /* realce verde claro (Operacao) */
  --cor-perigo: #e5484d;
  --cor-perigo-suave: rgba(229, 72, 77, 0.14); /* realce vermelho claro (Operacao) */
  --cor-alerta: #f5a524;

  /* Tipografia: duas familias (Sistema_de_Estilos) */
  --font: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-titulo: "Sora", "Inter", sans-serif;

  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-base: 15px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 26px;

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  --radius: 10px;
  --radius-sm: 6px;
  --radius-lg: 16px;

  --sidebar-w: 248px;
  --topbar-h: 60px;
  --fu-h: 38px;              /* altura unica da barra de filtros (Padrao_Barra_de_Filtros) */
}

/* Tema claro (padrao da casa). Vale para :root sem atributo e para data-tema="light". */
:root,
:root[data-tema="light"] {
  --bg: #f4f6fa;
  --bg-elev: #ffffff;
  --surface: #ffffff;
  --surface-2: #eef2f7;
  --border: #e2e8f0;
  --border-forte: #cbd5e1;
  --text: #17202e;
  --text-dim: #5b6676;
  --text-inverso: #ffffff;
  --shadow: 0 8px 24px rgba(20, 30, 50, 0.08);
  --overlay: rgba(15, 23, 42, 0.45);
}

/* Tema escuro */
:root[data-tema="dark"] {
  --bg: #0d1117;
  --bg-elev: #12181f;
  --surface: #161c24;
  --surface-2: #1c242e;
  --border: #273140;
  --border-forte: #3a4657;
  --text: #e8eaed;
  --text-dim: #9aa4b2;
  --text-inverso: #0d1117;
  --shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
  --overlay: rgba(0, 0, 0, 0.6);
}