:root {
  --ds-font-family: Poppins;
  --ds-primary: #3b5bd9;
  --ds-primary-hover: #2f4ec0;
  --ds-success: #22c55e;
  --ds-warning: #f59e0b;
  --ds-error: #e11d48;
  --ds-text-dark: #111827;
  --ds-text-body: #374151;
  --ds-text-muted: #6b7280;
  --ds-bg-page: #f3f4f6;
  --ds-bg-card: #ffffff;
  --ds-footer-bg: #111827;
  --ds-footer-color: #f9fafb;
  --ds-border: #e5e7eb;
}

/* Clases utilitarias — backward compat */
body { font-family: var(--ds-font-family); }
.color_fuente_1 { color: var(--ds-text-dark); }
.color_1 { background-color: var(--ds-primary); }
.color_2 { background-color: var(--ds-primary); }
footer { background-color: var(--ds-footer-bg); }
footer { color: var(--ds-footer-color); }

 body {  font-family:Poppins; }  .color_1 {  background-color:#3b5bd9; }  .color_2 {  background-color:#2f4ec0; }  .color_fuente_1 {  color:#111827; }  footer {  background-color:#111827; }  footer {  color:#f9fafb; }