/* ==========================================================================
   GVS — tokens de marca
   Fonte: 01-marca-e-especificacao-tecnica.md, bloco 2. Não alterar os valores
   de marca. Os tokens "derivados" abaixo são só alpha/escala sobre os mesmos
   valores — nenhuma cor nova entra no sistema.
   ========================================================================== */

:root {
  /* --- marca (exatos) ---------------------------------------------------- */
  --color-navy: #003366;      /* fundo principal, texto de autoridade */
  --color-yellow: #FFD700;    /* acento pontual — nunca fundo dominante */
  --color-white: #FFFFFF;
  --color-gray: #666666;      /* texto secundário */
  --color-gray-light: #CBD6E4;
  --color-beige: #F2EEE6;     /* fundo alternativo, respiro entre seções navy */
  --font-family: 'Poppins', sans-serif;
  --radius: 16px;             /* cartão, botão, bloco — sempre */

  /* --- derivados (alpha dos tokens acima) -------------------------------- */
  --line-on-navy: rgba(255, 255, 255, 0.14);
  --line-on-navy-strong: rgba(255, 255, 255, 0.32);
  --line-on-light: rgba(0, 51, 102, 0.12);
  --line-on-light-strong: rgba(0, 51, 102, 0.32);
  --fill-on-navy: rgba(255, 255, 255, 0.05);
  --fill-on-light: rgba(0, 51, 102, 0.04);
  --shadow-card: 0 24px 48px -24px rgba(0, 51, 102, 0.28);
  --shadow-yellow: 0 10px 28px -8px rgba(255, 215, 0, 0.45);

  /* --- layout --------------------------------------------------------------- */
  --container: 1200px;
  --gutter: clamp(20px, 5vw, 64px);
  --header-h: 64px;
  --section-y: clamp(88px, 12vw, 160px);
  --section-top: 28px;             /* distância da régua amarela até o conteúdo */
  --grid-gap: clamp(20px, 2.5vw, 32px);

  /* --- tipografia ---------------------------------------------------------- */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.125rem;
  --text-lg: clamp(1.125rem, 1.05rem + 0.4vw, 1.25rem);
  --text-xl: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
  --display-2: clamp(2rem, 1.25rem + 3.4vw, 4rem);       /* título de seção */
  --display-1: clamp(2.5rem, 1.2rem + 6vw, 5.75rem);    /* abertura */
  --tracking-caps: 0.14em;

  /* --- movimento ------------------------------------------------------------ */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur: 0.7s;
}