/* ===========================================================================
   Design System — ERP Grupo Hervilha (fonte única de tokens — Lei 3)
   Derivado da referência visual do João (docs/referencia-visual.png).
   Todo módulo usa estas variáveis; não inventar paleta nova.
   =========================================================================== */

:root {
  /* Verdes (primária) */
  --verde-marca: #14532d;   /* títulos / marca (verde escuro) */
  --verde-ativo: #15803d;   /* ativo / acento */
  --verde-linha: #16a34a;   /* linha de gráfico / faixa "ok" */
  --verde-claro: #dcfce7;   /* pill/chip "ok" (fundo) */
  --verde-claro-texto: #166534;

  /* Fundo / superfícies */
  --bg-pagina: #f6f7f3;     /* off-white levemente esverdeado (quase branco) */
  --card-bg: #ffffff;
  --card-borda: #e6e8e3;    /* borda sutil cinza-esverdeada */

  /* Cabeçalho (claro, como no print) */
  --header-bg: #ffffff;
  --header-borda: #e6e8e3;
  --eyebrow: #8a8f87;       /* marca em cinza-caps */

  /* Status — alerta (vermelho) */
  --vermelho: #dc2626;      /* faixa de alerta / "fura o zero" */
  --pill-alerta-bg: #fee2e2;
  --pill-alerta-texto: #b91c1c;

  /* Status — ok (verde) */
  --pill-ok-bg: var(--verde-claro);
  --pill-ok-texto: var(--verde-claro-texto);

  /* Callout / aviso (âmbar) */
  --aviso-bg: #fdf6e3;
  --aviso-borda: #f5e7b8;
  --aviso-texto: #a16207;

  /* Texto */
  --texto: #1f2937;
  --texto-suave: #6b7280;   /* rótulos KPI, secundário */
  --texto-inverso: #ffffff;

  /* Tipografia */
  --fonte: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
           Arial, "Apple Color Emoji", sans-serif;
  --fs-kpi-rotulo: 0.72rem;
  --fs-kpi-numero: 1.9rem;
  --fs-titulo: 1.05rem;
  --peso-negrito: 700;

  /* Forma / espaçamento */
  --raio-sm: 6px;
  --raio-md: 10px;
  --raio-lg: 14px;
  --raio-pill: 999px;
  --faixa-status: 5px;       /* borda-esquerda grossa do card */
  --espaco: 16px;
  --sombra-card: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.06);

  /* Badge numérico (abas) */
  --badge-bg: var(--vermelho);
  --badge-texto: #ffffff;
}

/* ===========================================================================
   Central Fiscal v3 (D-065 — mockup-recebidas-v3.html do João).
   Tokens NOVOS, não substituem os acima: valem sob o escopo `.cf`.
   Ritmo de espaçamento: 4 / 8 / 12 / 16 / 24 / 32 — nada fora disso.
   Botão: 34px (28px o pequeno) · raio 8px em controles, --r em superfícies.
   =========================================================================== */
:root {
  /* superfície */
  --papel: #fbfbfa;        /* fundo da página */
  --carta: #ffffff;        /* cards e tabela */
  --regua: #e7e9e6;        /* linha de 1px */
  --regua-forte: #d3d7d2;

  /* tinta — contraste real, nada de cinza lavado */
  --tinta: #16191a;        /* texto principal   (15.8:1) */
  --tinta-2: #4e5651;      /* secundário        (7.9:1)  */
  --tinta-3: #7c847e;      /* rótulos, captions (4.7:1)  */

  /* AÇÃO: verde é escasso. Só a ação primária e o estado bom. */
  --acao: #1f5f45;
  --acao-hover: #194c37;
  --acao-fundo: #eef4f0;
  --acao-borda: #c9ded4;

  /* estados */
  --alerta: #8a5008;   --alerta-fundo: #fdf3e4;  --alerta-borda: #f0d9b4;
  --parada: #9c2620;   --parada-fundo: #fceceb;  --parada-borda: #e8b7b3;
  --parada-tinta-2: #7d221d;
  --parada-chip-fundo: #f9dedc;
  --quieto-fundo: #f4f5f3;

  --r: 9px;                /* raio das superfícies (cards/tabela/avisos) */
}

/* ===========================================================================
   UI-03 (Onda 1) — paleta oficial do contrato UI-02 (docs/prototipos/sinapse_ui_v1.html).
   Valores copiados do `:root` e do `[data-tema="escuro"]` do protótipo, byte a byte.
   Nada acima foi tocado. Oito nomes já existiam com OUTRO valor/escopo no
   shell.css (`--tinta`, `--verde-700`, `--verde-100`, `--lima`, `--fundo`,
   `--borda`, `--borda-forte`, `--mono`): entram com o prefixo `--s1-`, sem
   sobrescrever (regra do card). `--raio-*` já existem com os mesmos valores;
   `--sombra-card` já existe com outro valor e fica como está.
   O bloco `[data-tema="escuro"]` está DEFINIDO e NÃO APLICADO: nenhum
   template recebe `data-tema` nesta onda (emenda 22 — PDV/KDS congelados).
   =========================================================================== */
:root {
  /* cor — 22 tokens (decisão 2) */
  --s1-tinta: #16241B;
  --verde-900: #1C3527;
  --s1-verde-700: #2A5138;
  --verde-600: #33684A;
  --s1-verde-100: #E4EEE4;
  --s1-lima: #A6CC3A;
  --s1-fundo: #F3F1E9;
  --superficie: #FFFFFF;
  --superficie-2: #FAF9F4;
  --s1-borda: #DFDCD0;
  --s1-borda-forte: #C9C5B6;
  --cinza-700: #5B665D;
  --cinza-500: #8A968D;
  --ok-texto: #1E5B3C;    --ok-fundo: #DDEDDD;
  --pend-texto: #9A4A08;  --pend-fundo: #F6E3D3;
  --erro-texto: #A32222;  --erro-fundo: #F7DEDE;
  --neutro-texto: #5B665D; --neutro-fundo: #ECEAE0;
  /* D-422 — "mesas juntas": o bloco precisa de uma cor PRÓPRIA no mapa (a
     legenda do contrato SAL-01/SAL-02 pede a quarta). Verde diria "ocupada" e
     âmbar diria "conta pedida" — as duas já significam outra coisa no salão. */
  --junta-texto: #3B4784;  --junta-fundo: #E7E9F5;
  /* D-504 — "informativo" (a reserva esperada, o grupo esperando na Porta): o azul do protótipo
     POR-01. Não é "ok" nem "pendente" — é quem ainda não chegou e não está atrasado. */
  --info-texto: #2E4A8C;   --info-fundo: #E4EAF6;
  /* D-504 — tinta SOBRE a lima (botão primário da Porta): escura nos dois temas, porque a lima
     não muda no escuro. `--s1-tinta` vira clara no escuro e sumiria no botão. */
  --sobre-lima: #16241B;
  --foco: #33684A;
  --backdrop: rgba(22,36,27,.42);
  /* tipografia — decisão 3 (a `--fonte` existente fica como está) */
  --s1-mono: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --t-12: 12px; --t-13: 13px; --t-14: 14px; --t-16: 16px; --t-20: 20px; --t-24: 24px;
  /* forma — decisão 4 */
  --sombra-drawer: -12px 0 32px rgba(22,36,27,.16);
  --sombra-popover: 0 8px 28px rgba(22,36,27,.18);
  /* decisão 25 (EMENDAS-SERIE-UI-01): tela de trabalho é fluida; documento (folha, relatório) tem esta largura de leitura */
  --leitura: 1100px;
  --esp-1: 4px; --esp-2: 8px; --esp-3: 12px; --esp-4: 16px; --esp-5: 24px; --esp-6: 32px;
}
[data-tema="escuro"] {
  --s1-tinta: #EAF2EA;
  --verde-900: #EAF2EA;
  --s1-verde-700: #A6CC3A;
  --verde-600: #B8DB55;
  --s1-verde-100: #22301F;
  --s1-fundo: #0E1A0E;
  --superficie: #152315;
  --superficie-2: #1B2C1B;
  --s1-borda: #28402A;
  --s1-borda-forte: #365238;
  --cinza-700: #A9B8AB;
  --cinza-500: #7C8B7E;
  --ok-texto: #B8DB55;   --ok-fundo: #22301F;
  --pend-texto: #F0B268; --pend-fundo: #3A2A14;
  --junta-texto: #A9B4F0; --junta-fundo: #1E2340;
  --info-texto: #A9BCF0;  --info-fundo: #1E2638;
  --erro-texto: #F09A9A; --erro-fundo: #3C1D1D;
  --neutro-texto: #A9B8AB; --neutro-fundo: #22301F;
  --backdrop: rgba(0,0,0,.55);
  --s1-sombra-card: 0 1px 2px rgba(0,0,0,.4);
}