:root {
    /* Color Palette Variables */
    --color-vibrant-green: #F63E50;      /* Primary actions and highlights (Vibrant Coral Red) */
    --color-dark-olive: #7A003D;         /* Headers, footer, and navigation (Deep Burgundy) */
    --color-warm-brown: #EE6D50;         /* Accents and links (Salmon / Orange-Red) */
    --color-light-peach: #F0D5C0;        /* Subtle backgrounds and borders (Peach / Beige) */
    --color-neutral-gray: #8C7E86;       /* Secondary text and UI elements (Mauve-Gray) */

    /* Derived gradients & background helpers */
    --grady-primary-action: linear-gradient(135deg, var(--color-vibrant-green) 0%, #E0293C 100%);
    --grady-header: linear-gradient(135deg, var(--color-dark-olive) 0%, #610031 100%);
    --color-subtle-bg-translucent: rgba(240, 213, 192, 0.15);
}

/* ==========================================================================
   1. Headers, Navigation, Footer, and Widget Titles - Deep Burgundy (#7A003D)
   ========================================================================== */
.mg-headwidget .mg-head-detail,
.mg-latest-news .bn_title,
.wp-block-search .wp-block-search__label,
.mg-widget .wp-block-group h2,
.mg-sidebar .mg-widget .wtitle,
.mg-sec-title h4,
footer .mg-widget h6 {
    background: var(--grady-header) !important;
    color: #fff !important;
}

.mg-headwidget .navbar-wp {
    background: var(--color-dark-olive) !important;
    border-bottom: 1px solid var(--color-neutral-gray) !important;
}

/* Nav Menu links */
.mg-headwidget .navbar-wp .navbar-nav > li > a {
    color: #fff !important;
}

.mg-search-box a {
    color: #fff !important;
}

/* Footer backgrounds */
footer .overlay {
    background: var(--color-dark-olive) !important;
}

footer .mg-footer-copyright, 
footer .mg-footer-bottom-area .divide-line {
    background: #610031 !important; /* Slightly darker shade of burgundy */
}

footer .mg-footer-copyright p, 
footer .mg-footer-copyright a {
    color: var(--color-light-peach) !important;
}

/* ==========================================================================
   2. Primary Actions & Highlights - Vibrant Coral Red (#F63E50)
   ========================================================================== */
.btn-theme, 
.more_btn, 
.more-link, 
.ta_upscr,
.post-form,
.mg-search-box .btn,
.wp-block-search .wp-block-search__button,
input[type="submit"], 
input[type="reset"], 
button {
    background: var(--grady-primary-action) !important;
    color: #fff !important;
    border: 1px solid var(--color-vibrant-green) !important;
    transition: all 0.2s ease-in-out;
}

.btn-theme:hover, 
.more_btn:hover, 
.more-link:hover, 
.ta_upscr:hover,
.mg-search-box .btn:hover,
.wp-block-search .wp-block-search__button:hover,
input[type="submit"]:hover,
button:hover {
    background: #E0293C !important;
    border-color: #E0293C !important;
    box-shadow: 0 4px 10px rgba(246, 62, 80, 0.4) !important;
}

/* Navigation Hover / Active Highlights */
.mg-headwidget .navbar-wp .navbar-nav > li > a:hover, 
.mg-headwidget .navbar-wp .navbar-nav > li > a:focus, 
.mg-headwidget .navbar-wp .navbar-nav > .active > a, 
.mg-headwidget .navbar-wp .navbar-nav > .active > a:hover, 
.mg-headwidget .navbar-wp .navbar-nav > .active > a:focus {
    background: var(--color-vibrant-green) !important;
    color: #fff !important;
}

/* Pagination Current & Hover Highlights */
.navigation.pagination .nav-links .page-numbers:hover, 
.navigation.pagination .nav-links .page-numbers:focus, 
.navigation.pagination .nav-links .page-numbers.current, 
.navigation.pagination .nav-links .page-numbers.current:hover, 
.navigation.pagination .nav-links .page-numbers.current:focus,
.single-nav-links a.current, 
.single-nav-links span.current, 
.single-nav-links a:hover, 
.single-nav-links span:hover, 
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
    background: var(--grady-primary-action) !important;
    color: #fff !important;
    border-color: var(--color-vibrant-green) !important;
}

/* Categories, badges, highlights */
a.newsup-categories.category-color-1, 
.mg-blog-category a {
    background: var(--color-vibrant-green) !important;
    color: #fff !important;
    text-transform: capitalize;
}

.mg-head-detail .info-left li span.time {
    background: var(--color-vibrant-green) !important;
    color: #fff !important;
}

.mg-tpt-txnlst ul li a:hover, 
.mg-tpt-txnlst ul li a:focus {
    background: var(--color-vibrant-green) !important;
    color: #fff !important;
}

.site-title a:hover {
    color: var(--color-vibrant-green) !important;
}

/* ==========================================================================
   3. Accents and Links - Coral Orange/Salmon (#EE6D50)
   ========================================================================== */
a {
    color: var(--color-warm-brown);
    text-decoration: none;
}

a:hover, 
a:focus {
    color: var(--color-vibrant-green);
}

.mg-search-box a:hover, 
.mg-search-box a:focus {
    color: var(--color-vibrant-green) !important;
}

blockquote {
    border-left: 3px solid var(--color-warm-brown) !important;
    background-color: var(--color-subtle-bg-translucent) !important;
}

/* ==========================================================================
   4. Subtle Backgrounds & Borders - Peach/Beige (#F0D5C0)
   ========================================================================== */
.mg-posts-sec-post,
.missed-inner,
.single-class .mg-blog-post-box,
.mg-info-author-block,
.mg-featured-slider,
.mg-card-box,
.mg-sidebar .mg-widget {
    background-color: var(--color-subtle-bg-translucent) !important;
    border: 1px solid rgba(240, 213, 192, 0.25) !important;
}

/* Screen reader focus background */
.screen-reader-text:focus {
    background-color: var(--color-light-peach) !important;
    color: var(--color-dark-olive) !important;
}

/* ==========================================================================
   5. Secondary Text & UI Elements - Mauve-Gray (#8C7E86)
   ========================================================================== */
.mg-blog-meta, 
.mg-blog-meta a,
.post-date,
span.time,
.author-name,
.comments-link,
.posted-on,
.post-list,
.mg-latest-news-sec {
    color: var(--color-neutral-gray) !important;
}

/* Custom placeholder & inputs styling */
input[type="text"],
input[type="search"],
input[type="email"],
textarea {
    border: 1px solid var(--color-neutral-gray) !important;
    background-color: #fff !important;
    color: var(--color-dark-olive) !important;
}

input[type="text"]::placeholder,
input[type="search"]::placeholder,
input[type="email"]::placeholder,
textarea::placeholder {
    color: var(--color-neutral-gray) !important;
}

.mg-latest-news-sec {
    background: transparent !important;
}

.site-title a, 
.site-description {
    color: #fff !important;
}