:root {
  /* ---- Base ---- */
  --bg-0: #07050f;
  --bg-1: #0d0a1c;
  --bg-2: #150f2b;
  --bg-3: #1d1438;

  --surface: rgba(255, 255, 255, 0.045);
  --surface-2: rgba(255, 255, 255, 0.07);
  --surface-3: rgba(255, 255, 255, 0.11);
  --border-soft: rgba(255, 255, 255, 0.09);
  --border-mid: rgba(255, 255, 255, 0.16);

  --text-0: #f6f1ff;
  --text-1: #c3b8db;
  --text-2: #8a7fa8;
  --text-3: #5f5779;

  /* ---- Acentos (se sobrescriben por sección con la paleta de cada portada) ---- */
  --accent-1: #ff9d5c;
  --accent-2: #d95a9c;
  --accent-3: #7a3fd4;
  --accent-glow: #cf9dff;
  --on-accent: #16091f;

  --gradient-brand: linear-gradient(115deg, var(--accent-1), var(--accent-2) 52%, var(--accent-3));

  /* ---- Forma ---- */
  --radius-xs: 8px;
  --radius-sm: 14px;
  --radius-md: 22px;
  --radius-lg: 32px;
  --radius-xl: 42px;
  --radius-pill: 999px;

  /* ---- Profundidad ---- */
  --blur-glass: 26px;
  --shadow-1: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-2: 0 18px 44px -18px rgba(0, 0, 0, 0.7);
  --shadow-3: 0 40px 90px -30px rgba(0, 0, 0, 0.85);
  --shadow-cover: 0 40px 80px -32px rgba(0, 0, 0, 0.9), 0 0 0 1px rgba(255, 255, 255, 0.08);
  --shadow-glow: 0 14px 40px -12px color-mix(in srgb, var(--accent-2) 60%, transparent);

  /* ---- Ritmo ---- */
  --space-1: clamp(0.35rem, 0.3rem + 0.2vw, 0.5rem);
  --space-2: clamp(0.7rem, 0.6rem + 0.4vw, 1rem);
  --space-3: clamp(1.1rem, 0.9rem + 0.8vw, 1.6rem);
  --space-4: clamp(1.8rem, 1.4rem + 1.4vw, 2.6rem);
  --space-5: clamp(2.8rem, 2.2rem + 2.4vw, 4.4rem);
  --space-6: clamp(3.4rem, 2.6rem + 3.6vw, 6.4rem);

  --container: min(1240px, 90vw);
  --container-wide: min(1560px, 94vw);

  /* ---- Movimiento ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-1: 0.2s;
  --dur-2: 0.4s;
  --dur-3: 0.7s;
  --dur-4: 1.1s;

  /* ---- Tipografía ---- */
  --font-display: "Fraunces", "Iowan Old Style", "TeX Gyre Pagella", Palatino, Georgia, serif;
  --font-body: "Manrope", "Helvetica Neue", Poppins, "Segoe UI", Arial, sans-serif;

  --fs-display: clamp(3.4rem, 1.6rem + 7.6vw, 9rem);
  --fs-h2: clamp(1.9rem, 1.4rem + 2.1vw, 3.1rem);
  --fs-h3: clamp(1.45rem, 1.2rem + 1.2vw, 2.2rem);
  --fs-lead: clamp(1.02rem, 0.96rem + 0.34vw, 1.25rem);
  --fs-body: clamp(0.94rem, 0.9rem + 0.18vw, 1.03rem);
  --fs-small: 0.83rem;
  --fs-micro: 0.7rem;

  --track-eyebrow: 0.3em;
  --track-brand: 0.42em;
}