/* MKG theme system — dark (default) + light */

:root,
html[data-theme="dark"] {
    --mkg-bg-page: #181818;
    --mkg-bg-surface: #212121;
    --mkg-bg-surface-deep: #0c0c0c;
    --mkg-bg-elevated: #262626;
    --mkg-text-primary: #e7e7e7;
    --mkg-text-secondary: #787878;
    --mkg-text-body: #919191;
    --mkg-text-heading: #ffffff;
    --mkg-text-inverse: #181818;
    --mkg-border: rgba(255, 255, 255, 0.08);
    --mkg-border-strong: rgba(255, 255, 255, 0.14);
    --mkg-header-bg: rgba(24, 24, 24, 0.52);
    --mkg-header-solid: rgba(24, 24, 24, 0.95);
    --mkg-header-text: #ffffff;
    --mkg-header-border: rgba(255, 255, 255, 0.03);
    --mkg-header-border-solid: rgba(255, 255, 255, 0.08);
    --mkg-dropdown-bg: #181818;
    --mkg-dropdown-shadow: rgba(0, 0, 0, 0.32);
    --mkg-dropdown-hover: rgba(255, 255, 255, 0.1);
    --mkg-accent: #ffc603;
    --mkg-accent-hover: #fff000;
    --mkg-accent-soft: rgba(254, 221, 0, 0.12);
    --mkg-input-bg: #181818;
    --mkg-input-border: rgba(255, 255, 255, 0.12);
    --mkg-card-border: rgba(255, 255, 255, 0.08);
    --mkg-media-frame: #0c0c0c;
    --mkg-dot-grid: rgba(255, 255, 255, 0.08);
    --mkg-logo-display-dark: block;
    --mkg-logo-display-light: none;
    color-scheme: dark;
}

html[data-theme="light"] {
    --mkg-bg-page: #f7f6f2;
    --mkg-bg-surface: #ffffff;
    --mkg-bg-surface-deep: #efeee8;
    --mkg-bg-elevated: #f0efea;
    --mkg-text-primary: #1a1a1a;
    --mkg-text-secondary: #5f5f5f;
    --mkg-text-body: #666666;
    --mkg-text-heading: #111111;
    --mkg-text-inverse: #ffffff;
    --mkg-border: rgba(0, 0, 0, 0.08);
    --mkg-border-strong: rgba(0, 0, 0, 0.12);
    --mkg-header-bg: rgba(247, 246, 242, 0.82);
    --mkg-header-solid: rgba(247, 246, 242, 0.96);
    --mkg-header-text: #181818;
    --mkg-header-border: rgba(0, 0, 0, 0.04);
    --mkg-header-border-solid: rgba(0, 0, 0, 0.08);
    --mkg-dropdown-bg: #ffffff;
    --mkg-dropdown-shadow: rgba(0, 0, 0, 0.1);
    --mkg-dropdown-hover: rgba(0, 0, 0, 0.04);
    --mkg-accent: #ffc603;
    --mkg-accent-hover: #e6c800;
    --mkg-accent-soft: rgba(254, 221, 0, 0.22);
    --mkg-input-bg: #ffffff;
    --mkg-input-border: rgba(0, 0, 0, 0.12);
    --mkg-card-border: rgba(0, 0, 0, 0.08);
    --mkg-media-frame: #efeee8;
    --mkg-dot-grid: rgba(0, 0, 0, 0.06);
    --mkg-logo-display-dark: none;
    --mkg-logo-display-light: block;
    color-scheme: light;
}

html {
    background: var(--mkg-bg-page);
}

body {
    background: var(--mkg-bg-page);
    color: var(--mkg-text-primary);
    transition: background-color 0.35s ease, color 0.35s ease;
}

/* Header */
html[data-theme="light"] .site-header-v3 {
    background: var(--mkg-header-bg) !important;
    border-bottom-color: var(--mkg-header-border) !important;
}

html[data-theme="light"] .site-header-v3.is-solid {
    background: var(--mkg-header-solid) !important;
    border-bottom-color: var(--mkg-header-border-solid) !important;
}

html[data-theme="light"] .site-header-v3__brand,
html[data-theme="light"] .site-header-v3__nav > a,
html[data-theme="light"] .site-header-v3__item > a {
    color: var(--mkg-header-text) !important;
}

html[data-theme="light"] .site-header-v3__dropdown {
    background: var(--mkg-dropdown-bg) !important;
    border-color: var(--mkg-border-strong) !important;
    box-shadow: 0 18px 42px var(--mkg-dropdown-shadow) !important;
}

html[data-theme="light"] .site-header-v3__dropdown-title {
    color: var(--mkg-text-primary) !important;
}

html[data-theme="light"] .site-header-v3__dropdown-desc {
    color: var(--mkg-text-secondary) !important;
}

html[data-theme="light"] .site-header-v3__dropdown--cards .site-header-v3__dropdown-card:hover {
    background: var(--mkg-dropdown-hover) !important;
}

html[data-theme="light"] .site-header-v3__theme-toggle {
    color: var(--mkg-header-text);
    border-color: var(--mkg-border-strong);
    background: rgba(255, 255, 255, 0.55);
}

html[data-theme="dark"] .site-header-v3__theme-toggle {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.06);
}

.site-header-v3__theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-right: 0;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.06);
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, color 0.2s ease;
}

.site-header-v3__theme-toggle:hover {
    border-color: var(--mkg-accent);
    transform: translateY(-1px);
}

.site-header-v3__theme-toggle .theme-icon {
    font-size: 18px;
    line-height: 1;
}

html[data-theme="dark"] .site-header-v3__theme-toggle .theme-icon--light {
    display: inline-flex;
}

html[data-theme="dark"] .site-header-v3__theme-toggle .theme-icon--dark {
    display: none;
}

html[data-theme="light"] .site-header-v3__theme-toggle .theme-icon--light {
    display: none;
}

html[data-theme="light"] .site-header-v3__theme-toggle .theme-icon--dark {
    display: inline-flex;
}

.site-header-v3__brand-image--dark {
    display: var(--mkg-logo-display-dark);
}

.site-header-v3__brand-image--light {
    display: var(--mkg-logo-display-light);
}

/* Footer */
html[data-theme="light"] #site-footer-v2 {
    background: var(--mkg-bg-page) !important;
    border-top-color: var(--mkg-border) !important;
    color: var(--mkg-text-primary) !important;
}

html[data-theme="light"] #site-footer-v2 .site-footer-v2__tagline,
html[data-theme="light"] #site-footer-v2 .site-footer-v2__col a,
html[data-theme="light"] #site-footer-v2 .site-footer-v2__col p {
    color: var(--mkg-text-primary) !important;
}

html[data-theme="light"] #site-footer-v2 .site-footer-v2__col h3,
html[data-theme="light"] #site-footer-v2 .site-footer-v2__bottom p,
html[data-theme="light"] #site-footer-v2 .site-footer-v2__credit a {
    color: var(--mkg-text-secondary) !important;
}

html[data-theme="light"] #site-footer-v2 .site-footer-v2__col a:hover,
html[data-theme="light"] #site-footer-v2 .site-footer-v2__credit a:hover {
    color: var(--mkg-text-heading) !important;
}

html[data-theme="light"] #site-footer-v2 .site-footer-v2__bottom {
    border-top-color: var(--mkg-border) !important;
}

.site-footer-v2__logo-image--dark {
    display: var(--mkg-logo-display-dark);
}

.site-footer-v2__logo-image--light {
    display: var(--mkg-logo-display-light);
}

/* Shared page shells */
html[data-theme="light"] #group-divisions-index,
html[data-theme="light"] #group-divisions-page,
html[data-theme="light"] #blog-listing-page,
html[data-theme="light"] .blog-details-page,
html[data-theme="light"] #contact-hero,
html[data-theme="light"] #contact-form-section,
html[data-theme="light"] #jobs-page,
html[data-theme="light"] #job-detail-page,
html[data-theme="light"] .about-page,
html[data-theme="light"] #home-testimonials,
html[data-theme="light"] #home-blog-listing,
html[data-theme="light"] .gallery-page-wrap {
    background: var(--mkg-bg-page) !important;
    color: var(--mkg-text-primary) !important;
}

/* Hero headings */
html[data-theme="light"] .blog-listing-hero__tagline,
html[data-theme="light"] .contact-hero__desc,
html[data-theme="light"] .about-page .about-journey__eyebrow,
html[data-theme="light"] .about-page .about-team__eyebrow {
    color: var(--mkg-text-secondary) !important;
}

html[data-theme="light"] .blog-listing-hero__heading,
html[data-theme="light"] .contact-hero__heading,
html[data-theme="light"] .blog-listing-hero__desc,
html[data-theme="light"] .contact-hero__desc,
html[data-theme="light"] .about-page h1,
html[data-theme="light"] .about-page h2,
html[data-theme="light"] .about-page h3 {
    color: var(--mkg-text-heading) !important;
}

html[data-theme="light"] .blog-listing-hero__highlight {
    color: var(--mkg-accent) !important;
}

/* Cards & surfaces */
html[data-theme="light"] .blog-page-card__content,
html[data-theme="light"] .blog-page-card__surface,
html[data-theme="light"] .contact-card,
html[data-theme="light"] .jobs-page-card,
html[data-theme="light"] .job-card,
html[data-theme="light"] #job-detail-page .job-apply-section,
html[data-theme="light"] .about-owner-card,
html[data-theme="light"] .about-team-card,
html[data-theme="light"] .about-journey-card {
    background: var(--mkg-bg-surface) !important;
    border-color: var(--mkg-card-border) !important;
}

html[data-theme="light"] .blog-page-card__media {
    background-color: var(--mkg-media-frame) !important;
    background-image: radial-gradient(var(--mkg-dot-grid) 1px, transparent 1px) !important;
    border-color: var(--mkg-card-border) !important;
}

html[data-theme="light"] .blog-page-card__title,
html[data-theme="light"] .blog-page-card__title a,
html[data-theme="light"] .blog-page-card__desc,
html[data-theme="light"] .blog-page-card__title-main,
html[data-theme="light"] .contact-card__label,
html[data-theme="light"] .contact-card__value,
html[data-theme="light"] .contact-card__value a,
html[data-theme="light"] .jobs-page-card__title,
html[data-theme="light"] .jobs-page-card__title a,
html[data-theme="light"] .jobs-page-card__meta,
html[data-theme="light"] .job-card__title,
html[data-theme="light"] .job-card__title a,
html[data-theme="light"] .job-card__meta,
html[data-theme="light"] .job-card__index,
html[data-theme="light"] #group-divisions-page .blog-page-card__desc {
    color: var(--mkg-text-primary) !important;
}

html[data-theme="light"] #group-divisions-page .blog-page-card__desc {
    color: var(--mkg-text-body) !important;
}

html[data-theme="light"] .blog-page-card__cta,
html[data-theme="light"] .jobs-page-card__cta {
    border-color: var(--mkg-border-strong) !important;
    color: var(--mkg-text-primary) !important;
}

html[data-theme="light"] .blog-page-card__read-more {
    color: var(--mkg-text-primary) !important;
}

/* Blog & job detail content */
html[data-theme="light"] .entry-summary.blog-post-description,
html[data-theme="light"] .entry-summary.blog-post-description p,
html[data-theme="light"] .entry-summary.blog-post-description li,
html[data-theme="light"] .entry-summary.blog-post-description .blog-description,
html[data-theme="light"] .entry-summary.blog-post-description .item-description,
html[data-theme="light"] #job-detail-page .job-description,
html[data-theme="light"] #job-detail-page .job-description p,
html[data-theme="light"] #job-detail-page .job-description li {
    color: var(--mkg-text-body) !important;
}

html[data-theme="light"] .entry-summary.blog-post-description h2,
html[data-theme="light"] .entry-summary.blog-post-description h3,
html[data-theme="light"] .entry-summary.blog-post-description h4,
html[data-theme="light"] .entry-summary.blog-post-description h5,
html[data-theme="light"] .entry-summary.blog-post-description h6,
html[data-theme="light"] .entry-summary.blog-post-description strong,
html[data-theme="light"] .blog-description h1,
html[data-theme="light"] .blog-description h2,
html[data-theme="light"] .blog-description h3,
html[data-theme="light"] .blog-description h4,
html[data-theme="light"] .blog-description h5,
html[data-theme="light"] .blog-description h6,
html[data-theme="light"] .item-description h1,
html[data-theme="light"] .item-description h2,
html[data-theme="light"] .item-description h3,
html[data-theme="light"] .item-description h4,
html[data-theme="light"] .item-description h5,
html[data-theme="light"] .item-description h6,
html[data-theme="light"] .blog-description strong,
html[data-theme="light"] .item-description strong,
html[data-theme="light"] #job-detail-page .job-description h1,
html[data-theme="light"] #job-detail-page .job-description h2,
html[data-theme="light"] #job-detail-page .job-description h3,
html[data-theme="light"] #job-detail-page .job-description strong {
    color: var(--mkg-text-heading) !important;
}

html[data-theme="light"] .blog-details .entry-title,
html[data-theme="light"] .blog-details-page .sidebar-title,
html[data-theme="light"] .blog-details-page .sidebar-blog .content h5,
html[data-theme="light"] .blog-details-page .sidebar-blog .content h5 a,
html[data-theme="light"] .blog-details-share__title,
html[data-theme="light"] .blog-details-tags__title,
html[data-theme="light"] .blog-details .entry-footer .social-share > span {
    color: var(--mkg-text-heading) !important;
}

html[data-theme="light"] .blog-details-page .sidebar-blog .content h5 a:hover {
    color: var(--mkg-accent) !important;
}

html[data-theme="light"] .blog-details-page .sidebar-blog .content span,
html[data-theme="light"] .blog-details-page .sidebar-blog .post-date,
html[data-theme="light"] #job-detail-page .job-meta-item,
html[data-theme="light"] #job-detail-page .job-sidebar-label {
    color: var(--mkg-text-secondary) !important;
}

/* Job detail — hero & key info (light mode) */
html[data-theme="light"] #job-detail-page .job-title,
html[data-theme="light"] #job-detail-page .detail-value,
html[data-theme="light"] #job-detail-page .job-section-title,
html[data-theme="light"] #job-detail-page .job-apply-section__heading,
html[data-theme="light"] #job-detail-page .job-apply-section__field label {
    color: var(--mkg-text-heading) !important;
}

html[data-theme="light"] #job-detail-page .job-subtitle,
html[data-theme="light"] #job-detail-page .detail-label {
    color: var(--mkg-text-body) !important;
}

html[data-theme="light"] #job-detail-page .job-tag--muted {
    color: var(--mkg-text-heading) !important;
    border-color: var(--mkg-border-strong) !important;
}

html[data-theme="light"] #job-detail-page .job-header {
    border-bottom-color: var(--mkg-border) !important;
}

html[data-theme="light"] #job-detail-page .job-apply-section__card {
    background: var(--mkg-bg-surface) !important;
    border-color: var(--mkg-card-border) !important;
}

html[data-theme="light"] #job-detail-page .job-apply-section .form_control {
    background: var(--mkg-input-bg) !important;
    border-color: var(--mkg-input-border) !important;
    color: var(--mkg-text-primary) !important;
}

html[data-theme="light"] #job-detail-page .job-apply-section .form_control::placeholder {
    color: var(--mkg-text-secondary) !important;
}

html[data-theme="light"] #job-detail-page .job-apply-section__optional {
    color: var(--mkg-text-secondary) !important;
}

/* Forms */
html[data-theme="light"] .contact-form-section,
html[data-theme="light"] #contact-form-section,
html[data-theme="light"] #contact-form-section .contact-form-panel,
html[data-theme="light"] #job-detail-page .job-application-form-wrap,
html[data-theme="light"] #job-detail-page .job-application-form {
    background: var(--mkg-bg-page) !important;
    color: var(--mkg-text-primary) !important;
}

html[data-theme="light"] #contact-form-section .contact-form-section__heading,
html[data-theme="light"] #contact-form-section .contact-form-section__field label {
    color: var(--mkg-text-heading) !important;
}

html[data-theme="light"] #contact-form-section .contact-form-section__card {
    background: var(--mkg-bg-surface) !important;
    border-color: var(--mkg-card-border) !important;
}

html[data-theme="light"] .contact-form-section input,
html[data-theme="light"] .contact-form-section textarea,
html[data-theme="light"] .contact-form-section select,
html[data-theme="light"] #contact-form-section .contact-form-section__field input,
html[data-theme="light"] #contact-form-section .contact-form-section__field textarea,
html[data-theme="light"] #job-detail-page .job-application-form input,
html[data-theme="light"] #job-detail-page .job-application-form textarea,
html[data-theme="light"] #job-detail-page .job-application-form select {
    background: var(--mkg-input-bg) !important;
    border-color: var(--mkg-input-border) !important;
    color: var(--mkg-text-primary) !important;
}

html[data-theme="light"] #contact-form-section .contact-form-section__field input::placeholder,
html[data-theme="light"] #contact-form-section .contact-form-section__field textarea::placeholder {
    color: var(--mkg-text-secondary) !important;
}

html[data-theme="light"] .contact-form-section input:-webkit-autofill,
html[data-theme="light"] .contact-form-section textarea:-webkit-autofill,
html[data-theme="light"] #contact-form-section .contact-form-section__field input:-webkit-autofill,
html[data-theme="light"] #contact-form-section .contact-form-section__field textarea:-webkit-autofill,
html[data-theme="light"] #job-detail-page .job-application-form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px var(--mkg-input-bg) inset !important;
    -webkit-text-fill-color: var(--mkg-text-primary) !important;
}

/* Home sections */
html[data-theme="light"] #home-testimonials .text-white,
html[data-theme="light"] #home-testimonials blockquote,
html[data-theme="light"] #home-blog-listing,
html[data-theme="light"] #home-blog-listing h2 {
    color: var(--mkg-text-heading) !important;
}

html[data-theme="light"] #home-testimonials .text-\[\#787878\] {
    color: var(--mkg-text-secondary) !important;
}

html[data-theme="light"] #home-testimonials article {
    background: var(--mkg-bg-surface) !important;
    border-color: var(--mkg-border) !important;
}

html[data-theme="light"] #home-testimonials .text-white\/60,
html[data-theme="light"] #home-testimonials .text-white\/80 {
    color: var(--mkg-text-secondary) !important;
}

html[data-theme="light"] #home-testimonials .border-white\/15,
html[data-theme="light"] #home-testimonials .bg-white\/10 {
    border-color: var(--mkg-border) !important;
    background: var(--mkg-bg-elevated) !important;
    color: var(--mkg-text-primary) !important;
}

html[data-theme="light"] #home-testimonials .testimonial-readmore {
    color: var(--mkg-text-secondary) !important;
}

html[data-theme="dark"] #home-testimonials .testimonial-readmore,
:root:not([data-theme="light"]) #home-testimonials .testimonial-readmore {
    color: #9a9a9a !important;
}

/* Home about: keep dark scroll-reveal treatment in light theme */
html[data-theme="light"] #home-about {
    background: #212121 !important;
    color: #000000 !important;
}

html[data-theme="light"] #home-about .sr-letter {
    color: #313030 !important;
}

html[data-theme="light"] #home-about .sr-letter.is-visible {
    color: #ffffff !important;
}

html[data-theme="light"] #home-blog-listing .home-blog-listing__dot-bg {
    opacity: 0.35;
}

html[data-theme="light"] #home-blog-listing .home-blog-card {
    background: var(--mkg-bg-surface) !important;
    border-color: var(--mkg-card-border) !important;
}

html[data-theme="light"] #home-blog-listing .home-blog-card h3,
html[data-theme="light"] #home-blog-listing .home-blog-card h3 a {
    color: var(--mkg-text-heading) !important;
}

html[data-theme="light"] #home-blog-listing .home-blog-card p {
    color: var(--mkg-text-body) !important;
}

html[data-theme="light"] #home-blog-listing .home-blog-card .text-white\/65 {
    color: var(--mkg-text-body) !important;
}

html[data-theme="light"] .clientele-marquee-section {
    background: var(--mkg-bg-page) !important;
}

html[data-theme="light"] #home-clientele-marquee {
    background: var(--mkg-bg-page) !important;
}

html[data-theme="light"] .clientele-marquee-section .clientele-marquee__label {
    color: var(--mkg-text-secondary) !important;
}

/* About page */
html[data-theme="light"] #about-page,
html[data-theme="light"] .about-journey,
html[data-theme="light"] .about-team,
html[data-theme="light"] .about-owners {
    background: var(--mkg-bg-page) !important;
    color: var(--mkg-text-primary) !important;
}

html[data-theme="light"] .about-page-hero__tagline,
html[data-theme="light"] .about-journey__eyebrow,
html[data-theme="light"] .about-team__eyebrow {
    color: var(--mkg-text-secondary) !important;
}

html[data-theme="light"] .about-page-hero__heading,
html[data-theme="light"] .about-page-hero__desc,
html[data-theme="light"] .about-journey__title,
html[data-theme="light"] .about-team__title {
    color: var(--mkg-text-heading) !important;
}

html[data-theme="light"] .about-milestone-card {
    background: var(--mkg-bg-surface) !important;
    border-color: var(--mkg-card-border) !important;
}

html[data-theme="light"] .about-milestone-card__title,
html[data-theme="light"] .about-milestone-card__year {
    color: var(--mkg-text-heading) !important;
}

html[data-theme="light"] .about-milestone-card__detail {
    color: var(--mkg-text-body) !important;
}

html[data-theme="light"] .about-milestone-card__icon {
    color: var(--mkg-accent) !important;
}

html[data-theme="light"] .about-journey__nav,
html[data-theme="light"] .about-team__nav,
html[data-theme="light"] .about-owners__nav {
    border-color: var(--mkg-border-strong) !important;
    color: var(--mkg-text-heading) !important;
}

html[data-theme="light"] .about-journey__nav:hover,
html[data-theme="light"] .about-journey__nav:focus-visible,
html[data-theme="light"] .about-team__nav:hover,
html[data-theme="light"] .about-team__nav:focus-visible,
html[data-theme="light"] .about-owners__nav:hover,
html[data-theme="light"] .about-owners__nav:focus-visible {
    border-color: var(--mkg-accent) !important;
    color: var(--mkg-accent) !important;
    background: var(--mkg-accent-soft) !important;
}

/* Owner detail */
html[data-theme="light"] #about-owner-detail,
html[data-theme="light"] .about-owner-detail {
    background: var(--mkg-bg-page) !important;
    color: var(--mkg-text-primary) !important;
}

html[data-theme="light"] .about-owner-detail__name,
html[data-theme="light"] .about-owner-detail__others-title {
    color: var(--mkg-text-heading) !important;
}

html[data-theme="light"] .about-owner-detail__bio,
html[data-theme="light"] .about-owner-detail__bio p,
html[data-theme="light"] .about-owner-detail__designation,
html[data-theme="light"] .about-owner-detail__eyebrow,
html[data-theme="light"] .about-owner-detail__others-eyebrow {
    color: var(--mkg-text-body) !important;
}

html[data-theme="light"] .about-owner-detail__back,
html[data-theme="light"] .about-owner-detail__social-link {
    color: var(--mkg-text-primary) !important;
    border-color: var(--mkg-border-strong) !important;
}

html[data-theme="light"] .jobs-page-hero__tagline,
html[data-theme="light"] .jobs-page-hero__desc {
    color: var(--mkg-text-secondary) !important;
}

html[data-theme="light"] .jobs-page-hero__heading {
    color: var(--mkg-text-heading) !important;
}

html[data-theme="light"] .job-card__cta {
    border-color: var(--mkg-border-strong) !important;
    color: var(--mkg-text-primary) !important;
}

#blog-listing-page .blog-page-card__desc,
#blog-listing-page p.blog-page-card__desc {
    font-size: 16px !important;
    line-height: 1.6 !important;
}

/* Gallery */
html[data-theme="light"] .gallery-page-wrap,
html[data-theme="light"] .gallery-breadcrumb-wrap {
    background: var(--mkg-bg-page) !important;
    color: var(--mkg-text-primary) !important;
}

html[data-theme="light"] .blog-page-card__content,
html[data-theme="light"] .blog-page-card__surface,
html[data-theme="light"] .contact-card,
html[data-theme="light"] .site-header-v3,
html[data-theme="light"] #site-footer-v2,
html[data-theme="light"] #home-testimonials,
html[data-theme="light"] #home-blog-listing,
html[data-theme="light"] #group-divisions-index,
html[data-theme="light"] #group-divisions-page,
html[data-theme="light"] #blog-listing-page,
html[data-theme="light"] .blog-details-page {
    transition: background-color 0.35s ease, color 0.35s ease, border-color 0.35s ease;
}