/* tokens.css
   Fonte unica de cor, espaco, raio, sombra e camada.
   Decisao cravada em 00_GENESIS/LASTRO.md: familia --cor-primaria (tema claro),
   nunca a familia --accent (preset escuro de Sistema_de_Estilos).
   O hex mora aqui e em nenhum outro lugar. Template usa var(). */

:root {
  /* Cor da marca. Sobrescrita pelo painel Desenvolvedor em tempo de execucao. */
  --cor-primaria: #FF7500;
  --cor-primaria-escura: #CC5C00;
  --cor-primaria-suave: #FFF1E5;

  /* Superficies do tema claro */
  --branco: #FFFFFF;
  --fundo: #F6F7F9;
  --fundo-alt: #FAFBFC;
  --borda: #E5E7EB;
  --borda-forte: #D1D5DB;

  /* Texto */
  --texto: #111827;
  --texto-secundario: #4B5563;
  --texto-fraco: #9CA3AF;
  --texto-invertido: #FFFFFF;

  /* Semanticas */
  --sucesso: #16A34A;
  --sucesso-suave: #DCFCE7;
  --perigo: #DC2626;
  --perigo-suave: #FEE2E2;
  --aviso: #F59E0B;
  --aviso-suave: #FEF3C7;
  --info: #2563EB;
  --info-suave: #DBEAFE;

  /* Tipografia: duas familias, papeis distintos */
  --font: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-titulo: "Sora", "Inter", sans-serif;

  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-base: 15px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 26px;

  /* Espaco. Vao de fora sempre maior que vao de dentro: 24 > 16 > 12 */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  /* Raio */
  --raio-sm: 8px;
  --raio: 12px;
  --raio-lg: 18px;
  --raio-full: 9999px;

  /* Sombra */
  --sombra-sm: 0 1px 2px rgba(17, 24, 39, .06);
  --sombra: 0 4px 12px rgba(17, 24, 39, .08);
  --sombra-lg: 0 12px 32px rgba(17, 24, 39, .14);

  /* Medidas de chrome */
  --sidebar-width: 248px;
  --topbar-h: 60px;
  --fu-h: 38px;      /* altura unica da barra de filtros */
  --ctrl-h: 40px;    /* altura unica dos controles de formulario */

  /* Camadas. Escala fixa: nunca numero solto no CSS de tela. */
  --z-base: 0;
  --z-sidebar: 100;
  --z-sticky: 200;
  --z-dropdown: 300;
  --z-overlay: 400;
  --z-modal: 500;
  --z-toast: 600;
  --z-tooltip: 700;

  /* Camadas internas da grade: cabecalho, coluna fixa e o canto onde as
     duas se cruzam. Entram na escala para nao virar numero solto. */
  --z-grade-cabecalho: 2;
  --z-grade-coluna: 3;
  --z-grade-canto: 4;

  /* Transicao */
  --transicao: 160ms ease;
}
