/* ============================================================
   VARIÁVEIS — Planejador de Obras · LET Engenharia
   ============================================================ */

:root {
  /* Marca */
  --cor-primaria: #243c56;
  --cor-primaria-escura: #17293e;
  --cor-primaria-media: #35577c;
  --cor-primaria-clara: #e9eef5;
  --cor-secundaria: #ff8726;
  --cor-secundaria-escura: #e56f16;
  --cor-secundaria-clara: #fff1e4;

  /* Superfícies */
  --cor-fundo: #f4f6fa;
  --cor-papel: #ffffff;
  --cor-papel-suave: #f8fafc;
  --cor-linha: #e8ecf3;
  --cor-linha-forte: #d3dae4;

  /* Texto */
  --cor-texto: #1b2b3d;
  --cor-texto-suave: #5c6b7e;
  --cor-texto-claro: #8d9aac;

  /* Situações */
  --cor-sucesso: #12a06c;
  --cor-sucesso-clara: #e2f6ed;
  --cor-alerta: #e5871a;
  --cor-alerta-clara: #fff2e0;
  --cor-erro: #e04747;
  --cor-erro-clara: #fdeaea;
  --cor-info: #3170c9;
  --cor-info-clara: #e9f0fb;

  /* Tons dos ícones (usados só nos quadradinhos) */
  --tom-laranja-fundo: #fff0e2;
  --tom-laranja-frente: #e56f16;
  --tom-azul-fundo: #e9f0fb;
  --tom-azul-frente: #3170c9;
  --tom-verde-fundo: #e2f6ed;
  --tom-verde-frente: #12a06c;
  --tom-amarelo-fundo: #fff7e2;
  --tom-amarelo-frente: #c98a12;
  --tom-roxo-fundo: #efebfb;
  --tom-roxo-frente: #6a52c4;

  /* Fontes */
  --fonte-titulo: "Nunito", "Segoe UI", system-ui, sans-serif;
  --fonte-texto: "Nunito Sans", "Segoe UI", system-ui, sans-serif;
  --fonte-dados: "Nunito", "Segoe UI", system-ui, sans-serif;

  /* Escala de texto — maior e mais legível */
  --texto-mini: 0.75rem;
  --texto-pequeno: 0.875rem;
  --texto-base: 1rem;
  --texto-medio: 1.125rem;
  --texto-grande: 1.5rem;
  --texto-titulo: 1.875rem;
  --texto-gigante: 2.25rem;

  /* Espaçamentos */
  --espaco-1: 4px;
  --espaco-2: 8px;
  --espaco-3: 12px;
  --espaco-4: 18px;
  --espaco-5: 26px;
  --espaco-6: 36px;
  --espaco-7: 52px;

  /* Formas */
  --raio: 22px;
  --raio-pequeno: 14px;
  --raio-mini: 10px;
  --raio-redondo: 999px;

  --sombra: 0 2px 4px rgba(27, 43, 61, 0.04), 0 12px 28px -18px rgba(27, 43, 61, 0.3);
  --sombra-alta: 0 10px 34px -8px rgba(27, 43, 61, 0.25);
  --sombra-marca: 0 10px 24px -8px rgba(255, 135, 38, 0.55);

  /* Medidas */
  --largura-menu: 260px;
  --altura-topo: 66px;
  --altura-barra-inferior: 76px;
  --largura-conteudo: 1180px;

  --transicao: 180ms cubic-bezier(0.2, 0.7, 0.3, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root { --transicao: 0ms; }
}