/* ============================================================
   🌄 LANDING — variables propias (sufijo "2")
   ============================================================ */

:root {

  /* ── Layout base ───────────────────────────────────────── */
  --landing-bg-page2: var(--tok-bg-page);
  --landing-text-main2: var(--tok-text-dark);

  /* ── Header / Hero oscuro ─────────────────────────────── */
  --landing-hero-bg2: var(--tok-dark);
  --landing-hero-text2: var(--tok-landing-hero-text);
  --landing-hero-muted2: var(--tok-dark-subtle);

  /* ── Acento principal ─────────────────────────────────── */
  --landing-accent2: var(--tok-primary);
  --landing-accent-hover2: var(--tok-primary-hover);
  --landing-accent-soft2: var(--tok-primary-medium);

  /* ── Cards hero ───────────────────────────────────────── */
  --landing-card-bg2: var(--tok-landing-card-bg);
  --landing-card-border2: var(--tok-landing-card-border);

  /* ── News overlay ─────────────────────────────────────── */
  --landing-news-overlay2: var(--tok-landing-overlay);
  /* ── News gradients ─────────────────────────────────────── */
  --landing-news-gradient-featured2:
    linear-gradient(to top,
      rgba(var(--landing-news-overlay2), 0.98) 0%,
      rgba(var(--landing-news-overlay2), 0.85) 35%,
      rgba(var(--landing-news-overlay2), 0.55) 65%,
      rgba(var(--landing-news-overlay2), 0.2) 85%,
      transparent 100%);

  --landing-news-gradient-small2:
    linear-gradient(to top,
      rgba(var(--landing-news-overlay2), 0.98) 0%,
      rgba(var(--landing-news-overlay2), 0.88) 40%,
      rgba(var(--landing-news-overlay2), 0.6) 70%,
      rgba(var(--landing-news-overlay2), 0.25) 90%,
      transparent 100%);
  /* ── Footer ───────────────────────────────────────────── */
  --landing-footer-bg2: var(--tok-landing-footer-bg);
  --landing-footer-text2: var(--tok-dark-footer-text);

}