/* =============================================================================
   tokens.css
   Única fonte de cor, fonte, espaço, raio e sombra do app (Sistema_de_Estilos).
   Tema claro em :root; par escuro em [data-theme="dark"] (decisão cravada no 00_GENESIS/LASTRO.md).
   PROIBIDO hex fora deste arquivo.
   ============================================================================= */

:root {
  color-scheme: light;

  /* Marca: rampa do paleta.py para #6e7f63 (exit 0). A primária dá 4,3:1 como letra em fundo claro.
     --cor-primaria-texto passa só sobre --branco (4,59:1); sobre --fundo dá 3,64 e reprova.
     Letra na cor da marca em qualquer fundo: --cor-primaria-escura (9,0 no branco, 7,2 no fundo). */
  --cor-primaria: #6e7f63;
  --cor-primaria-hover: #5a6851;
  --cor-primaria-escura: #414b3b;
  --cor-primaria-suave: #eff2ee;
  --cor-primaria-soft: rgba(110, 127, 99, .12);
  --cor-primaria-sombra: rgba(110, 127, 99, .15);
  --cor-primaria-texto: #69795f;
  --texto-sobre-cor-primaria: #000000;       /* letra em cima da primária viva: 4,88:1 */
  --texto-sobre-cor-primaria-escura: #ffffff; /* letra em cima da escura (botão primário) */

  /* Superfícies e texto: Sage & Creme */
  --fundo: #ede2d1;
  --branco: #fffdf9;
  --borda: #dccdb6;
  --borda-forte: #c9b89d;
  --texto: #2f3b2f;
  --texto-suave: #3d4a3a;
  --texto-secundario: #4f5b4a;
  --texto-fraco: #5a6553;          /* 4,79:1 sobre --fundo (o #626d5b do CRM dava 4,25) */

  /* Estados */
  --sucesso: #16a34a;
  --sucesso-suave: #e4efe0;
  --sucesso-borda: #c3d8bd;
  --sucesso-texto: #35592f;
  --perigo: #a3493b;
  --perigo-suave: #f5e1dc;
  --perigo-borda: #e5bfb6;
  --perigo-texto: #8a3b2f;
  --aviso-suave: #f4e9d2;
  --aviso-borda: #e0cda2;
  --aviso-texto: #6e5418;
  --info-suave: #e2eaf0;
  --info-borda: #bfd0dd;
  --info-texto: #34506a;

  /* Sombras */
  --sombra: 0 1px 6px rgba(47, 59, 47, .08);
  --sombra-hover: 0 6px 18px rgba(47, 59, 47, .12);
  --sombra-overlay: rgba(22, 27, 21, .45);
  --sombra-md: 0 8px 24px rgba(47, 59, 47, .14);
  --sombra-lg: 0 20px 50px rgba(47, 59, 47, .25);
  --sombra-primaria: rgba(65, 75, 59, .20);
  --sombra-primaria-forte: rgba(65, 75, 59, .32);
  --contorno-ativo: rgba(255, 255, 255, .40);
  --bolinha-toggle: #ffffff;
  --sombra-bolinha: rgba(0, 0, 0, .25);

  /* Tipografia: duas famílias (Sistema_de_Estilos) */
  --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;

  /* Espaço */
  --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;

  --transicao: .18s ease;

  /* Chrome e controles */
  --sidebar-width: 248px;
  --topbar-h: 58px;
  --h-controle: 40px;        /* Padrao_Formulario */
  --h-controle-sm: 36px;     /* menu sanduíche da tabela */
  --h-presets: 38px;         /* multi opções e barra de filtros (Padrao_Barra_de_Filtros, --fu-h) */
  --raio-presets: 7px;       /* multi opções (Padrao_Toggle_Tipos) */
  --raio-presets-item: 5px;
}

[data-theme="dark"] {
  color-scheme: dark;

  /* Marca no escuro: a primária clareia para ser lida sobre fundo escuro (par validado no CRM Contábil). */
  --cor-primaria: #9db38f;
  --cor-primaria-hover: #829476;
  --cor-primaria-escura: #b9cbad;
  --cor-primaria-suave: #2b3526;
  --cor-primaria-soft: rgba(157, 179, 143, .14);
  --cor-primaria-sombra: rgba(0, 0, 0, .35);
  --cor-primaria-texto: #b9cbad;
  --texto-sobre-cor-primaria: #161b15;
  --texto-sobre-cor-primaria-escura: #161b15;

  --fundo: #161b15;
  --branco: #1e241c;
  --borda: #343c30;
  --borda-forte: #4a5344;
  --texto: #ece7db;
  --texto-suave: #d6d1c4;
  --texto-secundario: #bdb8aa;
  --texto-fraco: #9a9588;

  --sucesso: #16a34a;
  --sucesso-suave: #243322;
  --sucesso-borda: #3a5234;
  --sucesso-texto: #b9d9ae;
  --perigo: #e08a7b;
  --perigo-suave: #3a2420;
  --perigo-borda: #5e3a33;
  --perigo-texto: #f0b3a7;
  --aviso-suave: #362d1b;
  --aviso-borda: #5a4a2a;
  --aviso-texto: #e6cc8f;
  --info-suave: #1f2b35;
  --info-borda: #33475a;
  --info-texto: #b3cde2;

  --sombra: 0 1px 6px rgba(0, 0, 0, .35);
  --sombra-hover: 0 6px 18px rgba(0, 0, 0, .45);
  --sombra-overlay: rgba(0, 0, 0, .55);
  --sombra-md: 0 8px 24px rgba(0, 0, 0, .50);
  --sombra-lg: 0 20px 50px rgba(0, 0, 0, .60);
  --sombra-primaria: rgba(0, 0, 0, .35);
  --sombra-primaria-forte: rgba(0, 0, 0, .50);
  --contorno-ativo: rgba(22, 27, 21, .45);
  --bolinha-toggle: #f5f1e8;
  --sombra-bolinha: rgba(0, 0, 0, .50);
}