:root {
  --brand-primario: #0A0331;
  --brand-secundario: #D4AF37;
  --brand-acento: #38BDF8;
  --brand-fondo: #F9FAFB;
  --brand-surface: #FFFFFF;
  --brand-borde: #E5E7EB;
  --font-sans: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --text-primary: #0A0331;
  --text-muted: #6B7280;
  --text-on-primary: #F9FAFB;
}

html, body {
  font-family: var(--font-sans);
  background: var(--brand-fondo);
  color: var(--text-primary);
}