/* ===============================
   GLOBAL HEADING SYSTEM
================================ */

/* Font + Base Color */
:root{
    --heading-font: 'Inter', 'Source Sans Pro', Arial, sans-serif;
    --heading-color: #111827;        /* premium dark */
    --accent-color: #ff3d57;         /* brand accent */
}

/* ALL HEADINGS */
h1, h2, h3, h4 {
    font-family: var(--heading-font);
    color: #000000;
    font-weight: 800;
    letter-spacing: -0.3px;
}

/* HERO HEADING */
.hero-content h1{
    color:#ffffff;                  /* hero stays white */
    font-size:28px;
}

/* SECTION TITLES (Trending, Magazine, Side News) */
.trending-title,
.trending-header h2,
.side-news h3,
.magazine-section h2 {
    font-size:26px;
    font-weight:800;
    color:var(--heading-color);
}

/* CARD TITLES */
.trending-body h3,
.magazine-title,
.side-content h4 {
    font-size:17px;
    font-weight:700;
    color:var(--heading-color);
    line-height:1.45;
}

/* OPTIONAL: Accent underline consistency */
.trending-title::before,
.side-news h3::before {
    background: linear-gradient(180deg,var(--accent-color),#dd2476);
}