/* =========================================================
   StreamingLife.net — Brand color variables
   Replaces: css/colors/default.css in the news-host child theme
   ========================================================= */
:root {
    /* Gradient (cyan -> hot pink) used on banners, badges, accents */
    --grady-color:          linear-gradient(135deg, #00d4ff 0%, #ff3eb5 100%);
    --grady-color-reverse:  linear-gradient(135deg, #ff3eb5 0%, #00d4ff 100%);

    /* Brand */
    --pri-color:       #00d4ff;   /* cyan  */
    --secondary-color: #ff3eb5;   /* hot pink */
    --bg-color:        #ff3eb5;   /* same as secondary - used by parent theme */

    /* Surfaces */
    --box-color:       #131829;   /* card / panel background */
}

/* Top utility bar (date + socials) */
.mg-headwidget .mg-head-detail {
    background: #04060c;
}

/* Section wrappers — let the dark page background show through */
.mg-tpt-tag-area,
.mg-latest-news-sec {
    background: transparent;
}

/* Popular-tag pills */
.mg-tpt-tag-area .mg-tpt-txnlst {
    background: var(--box-color);
}

/* Breaking-news ribbon */
.mg-latest-news .bn_title {
    background: var(--grady-color);
}

/* Category badges */
a.newsup-categories.category-color-1 { background: var(--secondary-color); color: #fff; }
a.newsup-categories.category-color-2 { background: var(--pri-color);       color: #0a0e1a; }
a.newsup-categories.category-color-3 { background: #6b46ff;                color: #fff; }
a.newsup-categories.category-color-4 { background: #00e8a0;                color: #0a0e1a; }
a.newsup-categories.category-color-5 { background: #ffb800;                color: #0a0e1a; }