:root {
  /* Cores institucionais */
  --coroinha-azul: #001933;
  --coroinha-azul-suave: #0a2a4d;
  --coroinha-verde: #41916c;
  --coroinha-verde-escuro: #327256;
  --coroinha-dourado: #c9a84b;
  --coroinha-claro: #f2f4f3;
  --coroinha-branco: #ffffff;
  --coroinha-texto-claro: #e7ebe9;
  --coroinha-cinza-texto: #5b6670;

  /* Tipografia */
  --font-base: "Poppins", "Segoe UI", sans-serif;
  --fs-eyebrow: 0.8rem;
  --fs-body: clamp(0.95rem, 0.9rem + 0.2vw, 1.05rem);
  --fs-lead: clamp(1.05rem, 1rem + 0.4vw, 1.25rem);
  --fs-h2: clamp(1.7rem, 1.4rem + 1.6vw, 2.6rem);
  --fs-h1: clamp(2.2rem, 1.7rem + 2.6vw, 3.6rem);
  --fs-step-num: clamp(2.2rem, 1.9rem + 1.4vw, 3rem);

  /* Escala revisada — hero > destaque estratégico > seções internas */
  --fs-hero-title: clamp(2.6rem, 2rem + 3.4vw, 4.6rem);
  --fs-section-title: clamp(1.9rem, 1.5rem + 2vw, 3rem);
  --fs-section-subtitle: clamp(1.4rem, 1.2rem + 1.1vw, 2rem);

  /* Espaçamento */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.75rem;
  --space-lg: 3rem;
  --space-xl: 5rem;
  --space-2xl: 8rem;

  /* Layout */
  --container-w: 1180px;
  --container-pad: clamp(1.25rem, 4vw, 3rem);
  --radius-sm: 4px;
  --radius-md: 10px;

  /* Diagonais / recortes */
  --clip-diagonal-down: polygon(0 0, 100% 0, 100% 88%, 0 100%);
  --clip-diagonal-up: polygon(0 12%, 100% 0, 100% 100%, 0 100%);
  --clip-corner: polygon(0 0, 100% 0, 100% 100%, 12% 100%, 0 78%);

  /* Movimento */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 160ms;
  --dur-med: 420ms;
}