/**
 * Site institucional Coordina — tokens visuais.
 *
 * As quatro cores de marca são cópia literal de src/marcacoordina/brand-tokens.css (fonte de verdade).
 * Mudanças de cor oficial devem ser replicadas aqui manualmente — este site não importa nada de fora da pasta.
 * Neutros (night, ink, mist…) são decisões deste site, derivadas do azul oficial; o guia de marca ainda não os congelou.
 */

@font-face {
  font-family: "Montserrat";
  src: url("../assets/fonts/montserrat-latin-var.woff2") format("woff2");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}

/* Fallback com métricas ajustadas à Montserrat: reduz o deslocamento de layout enquanto a fonte carrega. */
@font-face {
  font-family: "Montserrat Fallback";
  src: local("Arial");
  ascent-override: 85.79%;
  descent-override: 22.25%;
  line-gap-override: 0%;
  size-adjust: 112.83%;
}

:root {
  /* ── Marca (oficial, não alterar) ── */
  --coordina-brand-blue: #004997;
  --coordina-brand-purple: #7B50A6;
  --coordina-brand-orange: #F49309;
  --coordina-brand-green: #006635;

  /* ── Neutros do site ── */
  --night: #04162e;
  --night-2: #061f42;
  --night-3: #0a2c5e;
  --ink: #0f1b2d;
  --ink-soft: #3d4a5c;
  --ink-faint: #5a6a7f;
  --line: #e2e8f0;
  --paper: #ffffff;
  --mist: #f5f7fa;
  --mist-2: #edf2f9;

  --on-dark: #ffffff;
  --on-dark-soft: rgba(226, 234, 246, 0.8);
  --on-dark-faint: rgba(226, 234, 246, 0.6);
  --on-dark-line: rgba(255, 255, 255, 0.12);

  /* Tons claros derivados das cores oficiais, só para elementos decorativos sobre fundo escuro. */
  --sky: #6aa6e8;
  --purple-light: #a07fcf;
  --green-light: #33a56d;

  /* ── Tipografia ── */
  --font: "Montserrat", "Montserrat Fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --fs-hero: clamp(2.5rem, 1.3rem + 4.8vw, 4.75rem);
  --fs-h2: clamp(1.875rem, 1.3rem + 2.3vw, 3.25rem);
  --fs-h3: clamp(1.25rem, 1.12rem + 0.5vw, 1.5rem);
  --fs-lead: clamp(1.25rem, 1.05rem + 0.8vw, 1.625rem);
  --fs-statement: clamp(1.625rem, 1.15rem + 1.9vw, 2.75rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.875rem;
  --fs-eyebrow: 0.8125rem;

  /* ── Espaço e forma ── */
  --container: 1200px;
  --gutter: clamp(1rem, 0.4rem + 2.6vw, 2.5rem);
  --space-section: clamp(4.5rem, 2.8rem + 6.5vw, 9rem);
  --r-sm: 10px;
  --r: 16px;
  --r-lg: 24px;
  --r-pill: 999px;
  --shadow-1: 0 1px 2px rgba(15, 27, 45, 0.05), 0 6px 18px rgba(15, 27, 45, 0.05);
  --shadow-2: 0 2px 4px rgba(15, 27, 45, 0.05), 0 24px 48px -16px rgba(15, 27, 45, 0.22);
  --header-h: 72px;

  /* ── Movimento: uma única linguagem para todo o site ── */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur: 0.7s;
  --dur-fast: 0.25s;
}