/* Contrato visual do site. Mexeu aqui, mexeu na marca inteira.
   Versão B (passada Impeccable). Direção desde 22/08/2026: estrutura da referência Aimax, do zero, com a
   paleta da marca v2 (azul-marinho #0F2A47 e azul #1479A8/#1FA9E0, a mesma
   da logo). Escuro por padrão, fundo marinho profundo. O azul da marca faz o
   papel do laranja da referência (botão, palavra destacada, fita); um tom
   mais claro do mesmo azul é luz e ícone. Decidido em 22/08/2026: a casa é
   azul, cada produto tem a cor própria (Pulso laranja, JurisAtende ouro,
   MedSync teal). Os nomes --amber e --green ficaram por compatibilidade.
   PROIBIDO: neon ciano, gradiente em texto, número solto. */

:root {
  --paper:      #0a1628;   /* fundo marinho profundo */
  --paper-sunk: #112240;   /* card */
  --paper-deep: #070f1c;   /* faixa mais funda que o fundo */
  --ink:        #eef3f9;   /* texto */
  --ink-soft:   #9fb0c4;   /* texto de apoio */
  --rule:       #22344f;   /* borda */
  --green:      #7cc4ea;   /* azul claro: luz, ícone, link */
  --green-deep: #b7dff5;
  --green-ink:  #0F2A47;
  --amber:      #1FA9E0;   /* azul da marca: botão, destaque, fita */
  --amber-ink:  #0a1628;   /* texto sobre o azul */

  --display: 'Sora', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --sans:  'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono:  var(--sans); /* Impeccable: mono só para código ou dado, não como fantasia técnica */

  --text-body: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --text-lead: clamp(1.1rem, 1rem + 0.5vw, 1.35rem);
  --text-h2:   clamp(1.9rem, 1.3rem + 2.4vw, 3.3rem);
  --text-h1:   clamp(2.5rem, 1.3rem + 4.6vw, 5.4rem);
  --text-num:  clamp(3rem, 2rem + 5vw, 6.5rem);

  --space-section: clamp(4rem, 2.5rem + 4vw, 7.5rem);
  --space-block:   clamp(1.5rem, 1.1rem + 1.4vw, 2.5rem);
  --gutter:        clamp(1.25rem, 0.8rem + 2vw, 3rem);
  --max:           1200px;
  --radius-card:   16px;
  --radius-botao:  10px;

  --dur-fast:   160ms;
  --dur-normal: 420ms;
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
}

/* Tema claro: só quando o visitante pede */
:root[data-tema="claro"] {
  --paper:      #f4f7fa;
  --paper-sunk: #ffffff;
  --paper-deep: #e8eef5;
  --ink:        #0F2A47;
  --ink-soft:   #4b5d73;
  --rule:       #d3dde8;
  --green:      #1479A8;
  --green-deep: #0F2A47;
  --green-ink:  #0F2A47;
  --amber:      #1479A8;
  --amber-ink:  #ffffff;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}