/* ============================================================
   📰 NOTICIAS — TEMA SUNSET
   ============================================================ */

:root {

  /* ── Página ─────────────────────────────────────────────── */
  --news-bg-page: var(--tok-bg-page);
  --news-card-bg: var(--tok-bg-surface);
  --news-border: var(--tok-border);

  /* ── Header ─────────────────────────────────────────────── */
  --news-header-bg: var(--tok-dark);
  --news-header-text: var(--tok-text-on-dark);
  --news-header-muted: var(--tok-dark-subtle);

  /* ── Acento principal ───────────────────────────────────── */
  --news-accent: var(--tok-primary);
  --news-accent-strong: var(--tok-primary-hover);
  --news-on-accent: var(--tok-primary-text);

  /* ── Inputs ─────────────────────────────────────────────── */
  --news-input-bg: var(--tok-bg-white);
  --news-input-border: var(--tok-border-input);

  /* ── Cards ─────────────────────────────────────────────── */
  --news-card-border-default: var(--tok-border);
  --news-card-border-hover: var(--tok-primary);
  --news-card-title: var(--tok-text-dark);
  --news-card-muted: var(--tok-text-muted);
  --news-card-highlight: var(--tok-text-highlight);

  /* ── Badges ─────────────────────────────────────────────── */
  --news-badge-bg: var(--tok-warning-bg);
  --news-badge-text: var(--tok-warning-text);

  /* ── Footer ─────────────────────────────────────────────── */
  --news-footer-bg: var(--tok-dark);
  --news-footer-text: var(--tok-dark-footer-text);

  /* ── Botones ────────────────────────────────────────────── */
  --news-btn-bg: var(--tok-bg-white);
  --news-btn-border: var(--tok-border-btn);
  --news-btn-hover: var(--tok-bg-hover);

}