/* ===== Paleta clara fija (sin dark mode) ===== */
:root{
  /* Base */
  --c-bg:#FDFBF7;     /* fondo claro */
  --c-text:#000000;   /* TEXTO NEGRO */

  /* Marca / acciones */
  --c-olive:#73842E;   /* botón primario / acento */
  --c-olive-2:#586422; /* hover botón */
  --c-teal:#73842E;    /* links / focus */

  /* Neutros / secciones */
  --c-silhouette:#2E2A39; /* bandas oscuras / badges */
  --c-sand:#F3EFE6;       /* crema suave para secciones */

  /* Sistema */
  --radius-1:8px; --radius-2:12px;
  --gap-1:8px; --gap-2:16px; --gap-3:24px; --gap-4:32px;
  --shadow-1:0 2px 8px color-mix(in srgb, #2E2A39, transparent 88%);
}

/* Fuerza esquema claro en UI del navegador (formularios/scrollbars) */
html{ color-scheme: light; }

/* Asegura color de texto global */
body, p, li, h1,h2,h3,h4,h5,h6 { color: var(--c-text); }

/* (opcional) degradado de portada */
.bg-hero-warm{
  background: linear-gradient(180deg, #FDFBF7 0%, #F3EFE6 100%);
}