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

:root {
  color-scheme: light;

  /* Marca (decisão cravada) */
  --cor-primaria: #6e7f63;
  --cor-primaria-escura: #566450;
  --cor-primaria-suave: #e2ebde;
  --cor-primaria-profunda: #465241;  /* fim do gradiente do botão Início e do avatar (exceção aprovada em 2026-09-13) */
  --cor-primaria-hover: #4b5846;
  --texto-sobre-primaria: #ffffff;
  --sombra-primaria: rgba(86, 100, 80, .20);
  --sombra-primaria-forte: rgba(86, 100, 80, .32);
  --contorno-ativo: rgba(255, 255, 255, .40);

  /* 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: #626d5b;

  /* 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 e sobreposição */
  --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);
  --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 (Padrao_Box_Card) */
  --raio-sm: 8px;
  --raio: 12px;
  --raio-lg: 18px;
  --raio-full: 9999px;
  --raio-presets: 7px;       /* multi opções (Padrao_Toggle_Tipos) */
  --raio-presets-item: 5px;

  --transicao: .18s ease;

  /* Chrome e controles */
  --sidebar-width: 248px;
  --topbar-h: 58px;
  --faixa-suporte-h: 44px;
  --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) */
  --kb-coluna: #e6dac6;      /* fundo da coluna do Kanban, um tom abaixo do fundo da página */
  --kb-coluna-largura: 220px;   /* estreitada a pedido do usuário em 2026-09-14 */
  /* Páginas abertas (Fase 10): landing, termos */
  --pub-largura: 1080px;
  --pub-texto-largura: 760px;
  --fs-hero: 34px;
  --fs-hero-mobile: 26px;
  --fs-preco: 28px;
}

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

  --cor-primaria: #9db38f;
  --cor-primaria-escura: #b9cbad;
  --cor-primaria-suave: #2b3526;
  --cor-primaria-profunda: #9db38f;
  --cor-primaria-hover: #cad9bf;
  --texto-sobre-primaria: #161b15;
  --sombra-primaria: rgba(0, 0, 0, .35);
  --sombra-primaria-forte: rgba(0, 0, 0, .50);
  --contorno-ativo: rgba(22, 27, 21, .45);

  --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);
  --bolinha-toggle: #f5f1e8;
  --sombra-bolinha: rgba(0, 0, 0, .50);
  --kb-coluna: #1a2019;
}