/* Tokens do Mercado La Tour — fonte única de cor, tipo, espaço e forma.
   Tema claro é o padrão (operação diária). Escuro: [data-tema="escuro"] ou preferência do sistema.
   Contrastes de texto conferidos para WCAG AA (≥ 4,5:1) sobre --sup e --fundo. */
@import url('fontes.css');

:root {
  color-scheme: light;
  /* Neutros (papel levemente quente) */
  --fundo: #f5f4f0;
  --sup: #ffffff;            /* superfícies: cartões, tabelas */
  --sup-2: #efeee9;          /* faixas, cabeçalho de tabela, hover */
  --sup-3: #e4e2db;
  --borda: #d9d6cd;
  --borda-forte: #b9b5a9;
  --texto: #1c1d1a;
  --texto-2: #4c4e48;        /* 8,3:1 */
  --texto-3: #6a6c65;        /* 5,2:1 — mínimo para texto */
  /* Marca: verde-pinho (frescor de mercado, sóbrio) */
  --marca: #1f5f4a;
  --marca-forte: #164636;
  --marca-suave: #e3efe9;
  --marca-texto: #ffffff;
  /* Semânticas: fundo suave + texto escuro (AA) + cor sólida para ícones/bordas */
  --sucesso: #1d7a46;  --sucesso-suave: #e2f3e8;  --sucesso-texto: #135a32;
  --alerta: #b26a00;   --alerta-suave: #fdf0d9;   --alerta-texto: #7a4800;
  --erro: #c0392b;     --erro-suave: #fbe5e2;     --erro-texto: #8f2418;
  --info: #2a62a8;     --info-suave: #e3ecf8;     --info-texto: #1d4677;
  /* Estados de dado (selo) */
  --d-estimativa: #6a6c65;  --d-estimativa-bg: #ecebe6;
  --d-anunciado: #7a4800;   --d-anunciado-bg: #fdf0d9;
  --d-cotado: #1d4677;      --d-cotado-bg: #e3ecf8;
  --d-pago: #135a32;        --d-pago-bg: #e2f3e8;
  --d-confirmado: #ffffff;  --d-confirmado-bg: #1f5f4a;
  --d-projecao: #5b3d8a;    --d-projecao-bg: #efe8f8;
  /* SIMULADO: deve saltar aos olhos em qualquer lugar */
  --simulado: #111111;
  --simulado-bg: #ffd400;
  --simulado-listra: repeating-linear-gradient(-45deg, #ffd400 0 8px, #111 8px 16px);
  /* Séries de gráfico (distintas em daltonismo comum; ordem fixa) */
  --serie-1: #1f5f4a; --serie-2: #d9822b; --serie-3: #2a62a8;
  --serie-4: #a23b72; --serie-5: #7a8b2e; --serie-6: #6a6c65;

  /* Tipografia */
  --fonte: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fonte-mono: 'IBM Plex Mono', ui-monospace, Consolas, monospace;
  --t-xs: 0.75rem; --t-sm: 0.8125rem; --t-md: 0.9375rem; --t-lg: 1.125rem;
  --t-xl: 1.375rem; --t-2xl: 1.75rem; --t-3xl: 2.25rem;
  --lh: 1.5; --lh-justo: 1.2;
  --peso-normal: 400; --peso-medio: 500; --peso-forte: 600;
  /* Espaço (escala 4px) */
  --e-1: 4px; --e-2: 8px; --e-3: 12px; --e-4: 16px; --e-5: 20px;
  --e-6: 24px; --e-8: 32px; --e-10: 40px; --e-12: 48px; --e-16: 64px;
  /* Forma */
  --r-sm: 4px; --r-md: 6px; --r-lg: 10px; --r-pill: 999px;
  --sombra-1: 0 1px 2px rgb(28 29 26 / .06);
  --sombra-2: 0 2px 8px rgb(28 29 26 / .08), 0 1px 2px rgb(28 29 26 / .06);
  --sombra-3: 0 12px 32px rgb(28 29 26 / .16);
  /* Foco: anel duplo, visível em qualquer fundo */
  --foco: 0 0 0 2px var(--sup), 0 0 0 4px #2a62a8;
  /* Medidas */
  --alvo-min: 40px;          /* alvo de toque na gestão */
  --alvo-totem: 56px;        /* totem: ≥ 48px */
  --lateral: 248px;
  --topo: 56px;
  --dur: 160ms;
  --z-gaveta: 50; --z-topo: 40; --z-toast: 70;
}

:root[data-tema="escuro"] {
  color-scheme: dark;
  --fundo: #121412; --sup: #1b1e1b; --sup-2: #232723; --sup-3: #2e332e;
  --borda: #343a34; --borda-forte: #4d554d;
  --texto: #ecede8; --texto-2: #c3c6bd; --texto-3: #9a9e94;
  --marca: #5fb894; --marca-forte: #7fcfae; --marca-suave: #1f3a2f; --marca-texto: #0d1a14;
  --sucesso: #4cc27e; --sucesso-suave: #17321f; --sucesso-texto: #8fe0b0;
  --alerta: #e8a33d; --alerta-suave: #3a2a0f; --alerta-texto: #f5cc85;
  --erro: #ef6b5b; --erro-suave: #3d1b17; --erro-texto: #ffaa9f;
  --info: #6aa2e8; --info-suave: #172a42; --info-texto: #a9cbf5;
  --d-estimativa: #c3c6bd; --d-estimativa-bg: #2e332e;
  --d-anunciado: #f5cc85;  --d-anunciado-bg: #3a2a0f;
  --d-cotado: #a9cbf5;     --d-cotado-bg: #172a42;
  --d-pago: #8fe0b0;       --d-pago-bg: #17321f;
  --d-confirmado: #0d1a14; --d-confirmado-bg: #5fb894;
  --d-projecao: #d3bcf5;   --d-projecao-bg: #2d2242;
  --serie-1: #5fb894; --serie-2: #f0a050; --serie-3: #6aa2e8;
  --serie-4: #e07bb0; --serie-5: #b5c95a; --serie-6: #9a9e94;
  --sombra-1: 0 1px 2px rgb(0 0 0 / .4);
  --sombra-2: 0 2px 8px rgb(0 0 0 / .45);
  --sombra-3: 0 12px 32px rgb(0 0 0 / .6);
  --foco: 0 0 0 2px var(--sup), 0 0 0 4px #8fbcf5;
}