/* ===================================================================
   VeyronERP — tokens
   Só variáveis. Nenhuma regra de layout aqui: quem muda cor, corpo de
   letra ou raio mexe neste arquivo e o sistema inteiro acompanha.
   Tema escuro é o padrão (Operação nasce escura); o claro redefine
   as superfícies em [data-tema="claro"].
   =================================================================== */
:root{
  /* superfícies */
  --bg:#0a0a0c; --bg-alt:#101014; --cartao:#15151a; --cartao-2:#1a1a20; --cartao-hover:#1f1f26;
  --borda:#2a2a32; --borda-forte:#3a3a44;
  --texto:#e6e6e6; --mudo:#9a9aab; --apagado:#5b5b68;

  /* marca */
  --gold:#c8a96b; --gold-2:#e2c98a; --gold-dark:#a8894f;
  --grid-line:#c8a96b0f; --brilho:#e2c98a29;

  /* semântica */
  --ok:#3fbf6f; --aviso:#e0a83a; --aviso-texto:#e0a83a; --gold-texto:var(--gold-2); --ok-texto:var(--ok); --erro-texto:var(--erro); --sobre-aviso:#1b1b19; --erro:#e05252; --info:#5aa2e0; --info-texto:#9cbcdc; --roxo:#9b7fd4;
  --ok-fundo:#3fbf6f1f; --aviso-fundo:#e0a83a1f; --erro-fundo:#e052521f; --info-fundo:#5aa2e01f;

  /* estados de mesa/conta (fundo do cartão) */
  --mesa-livre:#1f4d33;        --mesa-livre-borda:#2e7d4f;
  --mesa-ocupada:#5a3d12;      --mesa-ocupada-borda:#b7791f;
  --mesa-consumindo:#6b2a0c;   --mesa-consumindo-borda:#c2410c;
  --mesa-sem-consumo:#4a4318;  --mesa-sem-consumo-borda:#a3901f;
  --mesa-bloqueada:#5c1a14;    --mesa-bloqueada-borda:#b42318;
  --mesa-reservada:#182a5e;    --mesa-reservada-borda:#1e40af;
  --mesa-anexada:#1e3a6e;      --mesa-anexada-borda:#3b82f6;
  --mesa-outro:#3b2170;        --mesa-outro-borda:#6d28d9;
  --mesa-conferencia:#2d3138;  --mesa-conferencia-borda:#6b7280;

  /* tipografia */
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Segoe UI",Roboto,system-ui,-apple-system,Arial,sans-serif;
  --mono:"Cascadia Mono","Consolas","Courier New",monospace;
  --fs-1:.72rem; --fs-2:.8rem; --fs-3:.9rem; --fs-4:1.05rem; --fs-5:1.4rem; --fs-6:2rem; --fs-display:6rem;

  /* espaçamento, raio, toque */
  --e-1:4px; --e-2:8px; --e-3:12px; --e-4:16px; --e-5:24px; --e-6:32px;
  --r-1:6px; --r-2:10px; --r-3:14px; --r-pill:999px;
  --toque:48px; --toque-grande:64px; --mesa:200px;

  --sombra:0 6px 24px rgba(0,0,0,.35); --sombra-cor:rgba(0,0,0,.6);
  --foco:0 0 0 2px var(--gold);

  --lado-largura:222px; --topo-altura:56px; --barra-teclas:44px;

  /* K.29 (aprovada pelo dono 05/10): a caixa transparente da Gestao. Texto sobre ela usa --texto/--mudo (o --apagado da 2,9:1) */
  --caixa:rgba(255,255,255,.022); --caixa-borda:rgba(255,255,255,.11); --caixa-brilho:rgba(255,255,255,.07);
  --topo-vidro:rgba(10,10,12,.35); --r-caixa:18px; --caixa-hover:rgba(255,255,255,.07); --ok-fundo-caixa:#3fbf6f1a; --janela-vidro:rgba(18,18,22,.9);
}
[data-tema="claro"]{
  --foco:0 0 0 2px var(--gold-texto);   /* 1.63: o dourado claro dava 2:1 no creme (o anel sumia) */
  --info-texto:#2f5f8f;
  --aviso-texto:#8a5a00;   /* 1.39: o ambar sobre creme dava 1,7:1 */
  --gold-texto:#7a5a14;    /* 1.43: o dourado do numero que decide dava 1,6:1 no claro */
  --ok-texto:#1d7a43;      /* 1.46: o verde como TEXTO dava 2,4:1 no claro */
  --erro-texto:#b32020;    /* 1.52: o vermelho de fundo dava 3,6:1 como texto */
  --bg:#f5f4f0; --bg-alt:#ffffff; --cartao:#ffffff; --cartao-2:#f0efe9; --cartao-hover:#e9e7df;
  --borda:#dcdad2; --borda-forte:#c4c1b6;
  --texto:#1b1b1f; --mudo:#5f5f6b; --apagado:#9a9aa5;
  --grid-line:#a8894f14; --brilho:#c8a96b33;
  --ok-fundo:#3fbf6f26; --aviso-fundo:#e0a83a2b; --erro-fundo:#e0525226; --info-fundo:#5aa2e026;
  --mesa-livre:#d9f2e3; --mesa-ocupada:#fbe9c6; --mesa-consumindo:#fcd9c7; --mesa-sem-consumo:#f5efc2;
  --mesa-bloqueada:#f9d6d2; --mesa-reservada:#d6e0fb; --mesa-anexada:#dbe8ff; --mesa-outro:#e6dcfb; --mesa-conferencia:#e3e5e8;
  --sombra:0 6px 20px rgba(0,0,0,.08); --sombra-cor:rgba(0,0,0,.18);
  --caixa:rgba(255,255,255,.38); --caixa-borda:rgba(60,50,20,.22);   /* .22 (planejador, 05/10): a .16 aprovada separava 1,29:1 do fundo; .22 da 1,45:1 */
  --caixa-brilho:rgba(255,255,255,.7);
  --topo-vidro:rgba(245,244,240,.55); --janela-vidro:rgba(252,251,248,.92);
  --caixa-hover:rgba(60,50,20,.06);   /* revisao de design: o branco .7 sobre a caixa dava 1,05:1 (o hover sumia no claro) */
}