:root {
  /* Palette */
  --bg: #FAFAF6;
  --bg-elev: #FFFFFF;
  --bg-deep: #F4F3EE;            /* warm white deeper, para sutiles bandas */
  --ink: #1F2937;
  --ink-soft: #4B5563;
  --ink-mute: #5B6470;            /* v0.2: subido contraste AA */
  --line: #E5E5E0;
  --line-soft: #EFEFEA;
  --accent: #6B1F1F;              /* Granate — acento principal */
  --accent-deep: #501818;
  --navy: #1B3A5C;                /* v0.2: ACTIVADO institucional */
  --navy-soft: #2A4A6E;

  /* Typography */
  --font-display: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-body: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: "IBM Plex Mono", "SF Mono", Consolas, monospace;

  /* Scale (mobile-first) */
  --fs-meta: 0.75rem;
  --fs-small: 0.875rem;
  --fs-body: 1.0625rem;
  --fs-lead: 1.1875rem;
  --fs-h3: 1.25rem;
  --fs-h2: 1.75rem;
  --fs-h1: 2.125rem;              /* v0.2: bajado de 2.375 */

  /* Spacing */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4.5rem;
  --space-7: 6rem;
  --space-8: 8rem;

  /* Layout */
  --max-w: 1280px;
  --max-w-prose: 720px;
  --max-w-narrow: 880px;

  --border-thin: 1px solid var(--line);
  --border-soft: 1px solid var(--line-soft);

  /* Hero padding mobile reducido */
  --pad-hero-y: 3.5rem;
}