/**
 * Marisol FA — tokens de diseño (alineados a mf-estatico/site-styles.css).
 * Única fuente de verdad para color, tipografía base y medidas de layout.
 */
:root {
  --bg: #f2ece4;
  --panel: rgba(255, 255, 255, 0.52);
  --panel-strong: rgba(255, 255, 255, 0.72);
  --ink: #14283b;
  --ink-soft: rgba(20, 40, 59, 0.68);
  --line: rgba(20, 40, 59, 0.1);
  --accent: #738173;
  --dark: #162534;
  --light: #fbf8f2;
  --max: 1380px;
  --shadow: 0 24px 70px rgba(20, 40, 59, 0.1);
  --topbar-sticky-offset: calc(92px + env(safe-area-inset-top, 0px));
  --marisolfa-font-serif: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia,
    "Times New Roman", serif;
  --marisolfa-font-ui: Arial, Helvetica, sans-serif;
  --marisolfa-font-script: "Great Vibes", "Brush Script MT", cursive;
  /* Compatibilidad con reglas previas del tema hijo */
  --marisolfa-ink: var(--ink);
  --marisolfa-ink-soft: var(--ink-soft);
  --marisolfa-line: var(--line);
  --marisolfa-accent: var(--accent);
  --marisolfa-bg: var(--bg);
  /* Pie — alineado a maqueta (crema ligeramente distinta al body para lectura del bloque) */
  --marisolfa-footer-bg: #f2ebe3;
  /* Newsletter — barra oscura maqueta */
  --marisolfa-newsletter-bar-bg: #121e2a;
  --marisolfa-newsletter-button-bg: #f5f0e6;
  --marisolfa-newsletter-muted: rgba(255, 255, 255, 0.55);
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
  scroll-padding-top: var(--topbar-sticky-offset);
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body#index section[id],
body#index #wrapper [id].marisolfa-anchor {
  scroll-margin-top: var(--topbar-sticky-offset);
}