/* ============================================================
   INOVAJUR — tokens de design
   Paleta amostrada do logotipo do escritório (marinho + dourado)
   e alinhada ao sistema INOVAJUR (azul, canvas, tinta e fontes).
   Trocar a identidade do site = editar este arquivo.
   ============================================================ */

:root {
  /* ---- marca ---- */
  --marinho: #1a2e5c;
  --marinho-escuro: #12203f;
  --marinho-noite: #0c1730;
  --marinho-claro: #2c4478;
  --dourado: #c9a961;
  --dourado-claro: #dcc188;
  --dourado-escuro: #a8873f;
  --azul-sistema: #0e5a9e;

  /* ---- superfícies ---- */
  --canvas: #f4f7fb;
  --superficie: #ffffff;
  --superficie-suave: #eef3f9;
  --linha: #dbe6f1;
  --linha-forte: #c2d4e6;

  /* ---- texto ---- */
  --tinta: #15334d;
  --tinta-suave: #566879;
  --tinta-fraca: #8a9bab;
  --tinta-clara: #ffffff;
  --tinta-clara-suave: rgba(255, 255, 255, 0.76);

  /* ---- estados ---- */
  --sucesso: #17795e;
  --sucesso-fundo: #e6f4ef;
  --alerta: #a86b12;
  --alerta-fundo: #fdf3e2;
  --perigo: #b3261e;
  --perigo-fundo: #fbeceb;
  --whatsapp: #25d366;
  --whatsapp-escuro: #128c7e;

  /* ---- tipografia ---- */
  --fonte-titulo: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --fonte-texto: 'Lora', Georgia, 'Times New Roman', serif;
  --fonte-interface: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --texto-xs: 0.75rem;
  --texto-sm: 0.875rem;
  --texto-base: 1rem;
  --texto-lg: 1.125rem;
  --texto-xl: 1.375rem;
  --titulo-sm: clamp(1.35rem, 1.1rem + 1.1vw, 1.75rem);
  --titulo-md: clamp(1.6rem, 1.2rem + 1.8vw, 2.25rem);
  --titulo-lg: clamp(2rem, 1.4rem + 2.8vw, 3rem);
  --titulo-xl: clamp(2.35rem, 1.5rem + 4vw, 3.9rem);

  /* ---- espaçamento e formas ---- */
  --gap-xs: 0.5rem;
  --gap-sm: 0.85rem;
  --gap-md: 1.35rem;
  --gap-lg: 2.25rem;
  --gap-xl: 3.5rem;
  --secao-y: clamp(3.5rem, 2rem + 6vw, 6.5rem);
  --largura-max: 1180px;
  --largura-texto: 68ch;

  --raio-sm: 8px;
  --raio-md: 14px;
  --raio-lg: 22px;
  --raio-xl: 32px;
  --raio-pilula: 999px;

  --sombra-sm: 0 1px 2px rgba(18, 32, 63, 0.06), 0 2px 8px rgba(18, 32, 63, 0.05);
  --sombra-md: 0 4px 12px rgba(18, 32, 63, 0.08), 0 12px 32px rgba(18, 32, 63, 0.07);
  --sombra-lg: 0 12px 28px rgba(18, 32, 63, 0.12), 0 28px 64px rgba(18, 32, 63, 0.1);
  --sombra-marinho: 0 14px 34px rgba(26, 46, 92, 0.28);

  --transicao: 180ms cubic-bezier(0.4, 0, 0.2, 1);
  --z-topo: 100;
  --z-flutuante: 200;
  --z-modal: 300;
}

/* Respeita quem pediu menos movimento no sistema operacional. */
@media (prefers-reduced-motion: reduce) {
  :root { --transicao: 0ms; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}