:root{
  --bg:#0b1226;
  --bg-2:#0f1a38;
  --surface:#ffffff;
  --ink:#0f172a;
  --muted:#667085;
  --brand:#F2C94C;
  --brand-ink:#0b1226;
  --accent:#9bb8ff;
  --border:#e5e7eb;
  --shadow:0 10px 30px rgba(2,12,27,.12);
  --radius:16px;
  --max:1120px;

  /* header */
  --header-height:100px;
  --header-nudge-y: 18px;
  --logo-height:60px;
  --logo-height-sm:60px;

  --container-px: 18px; /* padding lateral estándar en móvil */

}

body{
  padding-top: var(--header-height);
}