:root {
  --brand: #1E3A8A;        /* Azul oscuro (principal) */
  --brand-light: #3B82F6;  /* Azul medio */
  --accent: #FACC15;       /* Dorado suave */
  --neutral: #F5F1EB;      /* Beige cálido */
  --text: #1F2937;         /* Gris oscuro */
  --bg: #F9FAFB;           /* Fondo claro base */
  --header-height: 88px;
}


html, body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

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

/* Scroll suave para anclas internas */
html { scroll-behavior: smooth; }

/* Sizing consistente en todo el sitio */
html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }