/* Tema neutro — no toca casi nada, solo define variables base sin cambiar tu diseño */
:root{
  --brand-bg: #ffffff;
  --brand-fg: #222222;
  --brand-accent: #0d6efd;
  --brand-accent-2: #6610f2;
  --brand-ok: #198754;
  --brand-warn: #ffc107;
}

/* Clase generada por header: body.theme-neutro */
body.theme-neutro { background: var(--brand-bg); color: var(--brand-fg); }

/* Hooks opcionales para secciones (si ya existen) */
.section-accent-1{ background: linear-gradient(180deg, rgba(13,110,253,.02), rgba(102,16,242,.02)); }
.section-accent-2{ background: linear-gradient(180deg, rgba(25,135,84,.02), rgba(255,193,7,.02)); }
.section-accent-3{ background: linear-gradient(180deg, rgba(255,193,7,.03), rgba(13,110,253,.02)); }