:root {
  --ds-font-family: Poppins;
  --ds-primary: #f39317;
  --ds-primary-hover: #f39317;
  --ds-success: #22c55e;
  --ds-warning: #f59e0b;
  --ds-error: #e11d48;
  --ds-text-dark: #17373f;
  --ds-text-body: #374151;
  --ds-text-muted: #dfe1e5;
  --ds-bg-page: #f3f4f6;
  --ds-bg-card: #dfe1e5;
  --ds-footer-bg: #17373f;
  --ds-footer-color: #f9fafb;
  --ds-border: #dfe1e5;
  --ds-secondary: #4498ac;
  --ds-secondary-hover: #4498ac;
}

/* 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:#f39317; }  .color_2 {  background-color:#f39317; }  .color_fuente_1 {  color:#17373f; }  footer {  background-color:#17373f; }  footer {  color:#f9fafb; }