/* © 2026 Jose Carvalho. Intel Ceasa. Ver LICENSE. */
/* ============================================================
   Ponte de variaveis: os nomes que o CSS de cada tela do ERP usa (modulos/*.css,
   perfil.css) apontando para os tokens novos (tokens.css). O que ja segue o tema
   por referencia (var(--foreground)...) nao precisa de versao escura; o que e cor
   propria do ERP (mapa, calor da portaria, cor de avatar) tem as duas.
   ============================================================ */
:root {
  /* cor */
  --ink: var(--foreground);
  --paper: var(--muted);
  --paper-2: var(--secondary);
  --line: var(--border);
  --line-soft: var(--muted);
  --faint: var(--muted-foreground);
  --sup-1: var(--card);
  --sup-2: var(--muted);
  --green-900: var(--chart-6);
  --green-700: var(--primary);
  --green-500: var(--chart-2);
  --green-300: var(--chart-3);
  --good: var(--ok);
  --warn: var(--alerta);
  --danger: var(--perigo);
  --ok-text: var(--ok);
  --danger-text: var(--perigo);
  --warn-text: var(--alerta);
  --danger-soft: var(--perigo-fundo);
  --warn-soft: var(--alerta-fundo);
  --citrus: var(--chart-5);
  --lime: #c9e96b;
  --forest: #0a3626;
  --citrus-text: #963c0a;
  --citrus-soft: #fbe9d8;
  --av-anel: rgba(255, 255, 255, 0.22);
  /* plantas e calor */
  --m-ocupado: #d9ecdf;
  --m-adimplente: #cfe9d8;
  --m-leve: #ffe8a3;
  --m-medio: #ffb86b;
  --m-inad: #e85d4a;
  --m-chamado: #c9e96b;
  --m-vago: #ffffff;
  --m-reservado: #fbe9d8;
  --calor-0: #dbe6de;
  --calor-1: #aed9bf;
  --calor-2: #74c294;
  --calor-3: #3d9b69;
  --calor-4: #166b42;
  /* tipo */
  --body: var(--fonte);
  --display: var(--fonte-numero);
  --sora: var(--fonte);
  --mono: var(--fonte-mono);
  --fs-11: 12px;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-15: 15px;
  --fs-17: 17px;
  --fs-20: 20px;
  --fs-26: 26px;
  --fs-30: 30px;
  --fs-34: 34px;
  /* escala de texto do app do mapa (assets/app.js e mapa.css) */
  --t-xs: 12px;
  --t-sm: 13px;
  --t-md: 14px;
  --t-base: 14px;
  --t-lg: 15px;
  --t-xl: 17px;
  --t-2xl: 20px;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-black: 800;
  --texto-controle: 14px;
  --peso-controle: 500;
  /* forma: cartoes retos como o shadcndashboard (estilo Lyra); controles com raio 8 */
  --r: 8px;
  --r-ctrl: 8px;
  --r-interno: 6px;
  --r-caixa: 0px;
  --r-cartao: 0px;
  --r-lg: 8px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 0px;
  --pad-cartao: 16px;
  --vao-cartoes: 16px;
  --espaco-1: 4px;
  --espaco-2: 8px;
  --espaco-3: 12px;
  --espaco-4: 16px;
  --espaco-6: 24px;
  --ctrl-h: 36px;
  --shadow-sm: var(--sombra-sm);
  --shadow: var(--sombra-md);
  --shadow-lg: var(--sombra-lg);
  /* movimento */
  --curva: var(--saida);
  --ease: var(--saida);
  --dur-rapida: 150ms;
  --dur-media: 200ms;
  --dur-lenta: 250ms;
  --transicao-controle:
    background-color var(--rapido) ease,
    border-color var(--rapido) ease,
    box-shadow var(--rapido) ease,
    transform 160ms var(--saida);
  --anel-largura: 2px;
  --z-gaveta: 60;
  --z-aviso: 80;
  --z-dica: 90;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) {
    --forest: #051a12;
    --lime: #c9e96b;
    --citrus-text: #f0b183;
    --citrus-soft: #3b2416;
    --m-ocupado: #1a5138;
    --m-adimplente: #1a5138;
    --m-leve: #6b5620;
    --m-medio: #7a4a1e;
    --m-inad: #8c3328;
    --m-chamado: #5c6b22;
    --m-vago: #0f3a29;
    --m-reservado: #4a3520;
    --calor-0: #193f2a;
    --calor-1: #245e3e;
    --calor-2: #317f54;
    --calor-3: #42a26e;
    --calor-4: #5ac68b;
  }
}
:root[data-tema="escuro"] {
  --forest: #051a12;
  --citrus-text: #f0b183;
  --citrus-soft: #3b2416;
  --m-ocupado: #1a5138;
  --m-adimplente: #1a5138;
  --m-leve: #6b5620;
  --m-medio: #7a4a1e;
  --m-inad: #8c3328;
  --m-chamado: #5c6b22;
  --m-vago: #0f3a29;
  --m-reservado: #4a3520;
  --calor-0: #193f2a;
  --calor-1: #245e3e;
  --calor-2: #317f54;
  --calor-3: #42a26e;
  --calor-4: #5ac68b;
}