/* Inter (variável, alfabeto latino). Licença SIL OFL 1.1, ver fontes/LEIAME.txt. Servida pelo próprio sistema (funciona sem internet). */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/ds/fontes/inter-latin-wght-normal.woff2") format("woff2"); }

/* Design tokens do +Mix. Toda cor, espaçamento, raio e sombra das telas vem daqui: trocar o tema é trocar estes valores.
   Contraste: textos usam os tokens "-texto" (passam AA); os tokens de preenchimento (--primaria, --sucesso, --destaque) são para
   fundos, bordas e ícones. Cor nunca é o único sinal: status sempre trazem texto.
   Direção visual (v3, padrão do dashboard Pulso): neutros quentes (papel e grafite), azul #2A78D6 como cor da marca, cantos arredondados maiores, sombras em camadas leves,
   hierarquia por peso e tamanho (títulos firmes, rótulos discretos, números grandes). */
:root {
  color-scheme: light;
  --fonte: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fonte-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --fundo: #F4F4F1;
  --superficie: #FCFCFB;
  --superficie-2: #F0EFEC;
  --borda: #E1E0DA;
  --borda-forte: #CFCDC4;
  --texto: #0B0B0B;
  --texto-2: #52514E; /* passa AA (7:1) sobre fundo, superfície e superfície-2 */

  --primaria: #2A78D6;
  --primaria-hover: #1F63B5;
  --primaria-sobre: #FFFFFF;
  --primaria-suave: #E8F0FB;
  --link: #1F63B5;
  --destaque: #F79009;
  --marca: linear-gradient(135deg, #2A78D6 0%, #6250D6 100%); /* logo, painel do login, realces da marca */

  --sucesso: #12B76A;
  --sucesso-texto: #067647;
  --sucesso-suave: #ECFDF3;
  --erro: #F04438;
  --erro-texto: #B42318;
  --erro-suave: #FEF3F2;
  --aviso: #F79009;
  --aviso-texto: #B54708;
  --aviso-suave: #FFFAEB;

  --sombra: 0 1px 2px rgba(0, 0, 0, .05), 0 4px 16px rgba(0, 0, 0, .05);
  --sombra-media: 0 2px 4px rgba(16, 24, 40, .04), 0 4px 12px rgba(16, 24, 40, .08);
  --sombra-alta: 0 16px 40px rgba(16, 24, 40, .16);
  --foco: 0 0 0 4px rgba(42, 120, 214, .24);

  --raio: 12px;
  --raio-g: 16px;
  --e1: 4px; --e2: 8px; --e3: 12px; --e4: 16px; --e5: 24px; --e6: 32px;
  --duracao: 140ms;

  /* Nomes antigos, ainda usados por telas que não migraram (PDV e vitrine). Não use em código novo. */
  --bg: var(--fundo); --card: var(--superficie); --txt: var(--texto); --mudo: var(--texto-2); --ok: var(--sucesso-texto);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --fundo: #121211;
  --superficie: #1A1A19;
  --superficie-2: #232321;
  --borda: #33332F;
  --borda-forte: #46463F;
  --texto: #F0EFEC;
  --texto-2: #C3C2B7;

  --primaria: #3987E5;
  --primaria-hover: #5A9EEE;
  --primaria-sobre: #FFFFFF;
  --primaria-suave: #1A2A40;
  --link: #7DB6F5;
  --destaque: #FDB022;

  --sucesso: #32D583;
  --sucesso-texto: #6CE9A6;
  --sucesso-suave: #0B2A1D;
  --erro: #F97066;
  --erro-texto: #FDA29B;
  --erro-suave: #3A1612;
  --aviso: #FDB022;
  --aviso-texto: #FEC84B;
  --aviso-suave: #3A2A0A;

  --sombra: 0 1px 2px rgba(0, 0, 0, .4);
  --sombra-media: 0 4px 14px rgba(0, 0, 0, .35);
  --sombra-alta: 0 18px 44px rgba(0, 0, 0, .6);
  --foco: 0 0 0 4px rgba(90, 158, 238, .34);
}

/* Sem escolha salva: segue o sistema operacional. Mesmos valores do bloco escuro acima. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --fundo: #121211; --superficie: #1A1A19; --superficie-2: #232321; --borda: #33332F; --borda-forte: #46463F;
    --texto: #F0EFEC; --texto-2: #C3C2B7;
    --primaria: #3987E5; --primaria-hover: #5A9EEE; --primaria-sobre: #FFFFFF; --primaria-suave: #1A2A40; --link: #7DB6F5; --destaque: #FDB022;
    --sucesso: #32D583; --sucesso-texto: #6CE9A6; --sucesso-suave: #0B2A1D;
    --erro: #F97066; --erro-texto: #FDA29B; --erro-suave: #3A1612;
    --aviso: #FDB022; --aviso-texto: #FEC84B; --aviso-suave: #3A2A0A;
    --sombra: 0 1px 2px rgba(0, 0, 0, .4); --sombra-media: 0 4px 14px rgba(0, 0, 0, .35); --sombra-alta: 0 18px 44px rgba(0, 0, 0, .6); --foco: 0 0 0 4px rgba(90, 158, 238, .34);
  }
}
