/*
  Design tokens — Thomas Neuro (2026)
  v2 (15/10/2026): volta à identidade visual do site original —
  azul-marinho em degradê (#113160 → #085583), amarelo-sol do símbolo,
  títulos em Montserrat. Ver docs/AUDIT.md, seção 3.
*/
:root {
  /* ---- Color: surfaces & background ---- */
  --color-bg: #f4f7fb;              /* branco-azulado leve */
  --color-surface: #ffffff;
  --color-surface-alt: #e9f0f7;     /* seções alternadas */
  --color-border: #d5e0eb;

  /* ---- Color: brand ---- */
  --color-primary: #113160;         /* azul-marinho do site original */
  --color-primary-700: #0a1f3f;     /* mais escuro — hover, rodapé */
  --color-primary-100: #e3edf7;     /* tinta clara para badges/fundos sutis */
  --color-secondary: #085583;       /* azul do degradê original — links, apoio */
  --color-accent: #6cc3ff;          /* azul-claro (brilho do globo) — destaque sobre fundo escuro */
  --color-accent-dark: #0b6fae;     /* azul de destaque sobre fundo claro */
  --color-accent-soft: #dcefff;
  --gradient-brand: linear-gradient(135deg, #113160 0%, #085583 100%);

  /* ---- Color: text ---- */
  --color-text-primary: #16233a;
  --color-text-secondary: #46566b;
  --color-muted: #75849a;
  --color-on-primary: #ffffff;
  --color-on-primary-muted: #cdd9e6;

  /* ---- Color: states ---- */
  --color-success: #2e7d5b;
  --color-focus: #1b6fc9;

  /* ---- Typography ---- */
  --font-serif: "Montserrat", "Segoe UI", Arial, sans-serif; /* títulos (nome mantido por compatibilidade) */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --fs-h1: clamp(2.1rem, 1.5rem + 2.4vw, 3.6rem);
  --fs-h2: clamp(1.6rem, 1.35rem + 1.1vw, 2.35rem);
  --fs-h3: clamp(1.2rem, 1.08rem + 0.5vw, 1.5rem);
  --fs-lead: clamp(1.05rem, 1rem + 0.3vw, 1.22rem);
  --fs-body: 1rem;
  --fs-small: 0.9rem;
  --fs-eyebrow: 0.8rem;

  --lh-heading: 1.15;
  --lh-body: 1.65;

  /* ---- Spacing scale ---- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 6rem;
  --space-10: 8rem;

  /* ---- Layout ---- */
  --container-w: 1180px;
  --container-w-narrow: 760px;
  --gutter: 1.25rem;
  --header-h: 76px;

  /* ---- Radius ---- */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  /* ---- Shadow ---- */
  --shadow-sm: 0 1px 2px rgba(17, 49, 96, 0.06), 0 1px 1px rgba(17, 49, 96, 0.04);
  --shadow-md: 0 14px 34px -12px rgba(17, 49, 96, 0.28);
  --shadow-glow: 0 10px 30px -8px rgba(31, 143, 214, 0.6);

  /* ---- Motion ---- */
  --ease-standard: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 150ms;
  --dur-base: 320ms;
  --dur-slow: 700ms;
}

@media (prefers-color-scheme: dark) {
  /* O site não implementa tema escuro completo (fora de escopo);
     garantimos apenas que a página nunca fique "invertida" incorretamente. */
  :root { color-scheme: light; }
}