/**
 * Sirajul Huda v1.0.7
 * Complete global colour skins for the public website.
 */

.theme-color-skin {
    --green: var(--theme-primary);
    --green-dark: var(--theme-deep);
    --green-light: var(--theme-soft);
    --gold: var(--theme-accent);
    --maroon: var(--theme-category);
    --shadow: 0 18px 48px color-mix(in srgb, var(--theme-deep) 13%, transparent);
}

.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) {
    --cream: var(--theme-section);
    --white: var(--theme-surface);
    --ink: var(--theme-ink);
    --muted: var(--theme-muted);
    --border: var(--theme-border);
    background: var(--theme-body);
    color: var(--theme-ink);
}

.theme-color-skin::selection,
.theme-color-skin *::selection {
    background: var(--theme-accent);
    color: var(--theme-accent-text);
}

.theme-color-skin :focus-visible {
    outline-color: var(--theme-accent);
}

.theme-color-skin a {
    color: var(--theme-primary);
}

.theme-color-skin a:hover {
    color: var(--theme-deep);
}

.theme-color-skin .btn-green {
    border-color: var(--theme-primary);
    background: var(--theme-primary);
    color: #fff;
}

.theme-color-skin .btn-green:hover,
.theme-color-skin .btn-green:focus-visible {
    border-color: var(--theme-deep);
    background: var(--theme-deep);
    color: #fff;
}

.theme-color-skin .btn-outline-green {
    border-color: var(--theme-primary);
    background: transparent;
    color: var(--theme-primary);
}

.theme-color-skin .btn-outline-green:hover,
.theme-color-skin .btn-outline-green:focus-visible {
    border-color: var(--theme-primary);
    background: var(--theme-primary);
    color: #fff;
}

.theme-color-skin .btn-gold,
.theme-color-skin .newsletter-form button,
.theme-color-skin .capacity-badge,
.theme-color-skin .hero-indicators .active {
    border-color: var(--theme-accent);
    background-color: var(--theme-accent);
    color: var(--theme-accent-text);
}

.theme-color-skin .btn-gold:hover,
.theme-color-skin .btn-gold:focus-visible {
    border-color: color-mix(in srgb, var(--theme-accent) 78%, var(--theme-deep));
    background: color-mix(in srgb, var(--theme-accent) 78%, var(--theme-deep));
    color: var(--theme-accent-text);
}

.theme-color-skin .topbar {
    background: var(--theme-deep);
}

.home-page.theme-color-skin .topbar {
    background: color-mix(in srgb, var(--theme-deep) 68%, transparent);
}

.theme-color-skin .topbar i,
.theme-color-skin .topbar-item i,
.theme-color-skin .footer-contact i {
    color: var(--theme-accent);
}

.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast):not(.home-page) .site-header,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .site-header.scrolled {
    border-bottom-color: var(--theme-border);
    background: var(--theme-surface);
    box-shadow: 0 8px 30px color-mix(in srgb, var(--theme-deep) 12%, transparent);
}

.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .navbar-nav .nav-link {
    color: var(--theme-ink);
}

.theme-color-skin .navbar-nav .nav-link:hover,
.theme-color-skin .navbar-nav .nav-link:focus-visible,
.theme-color-skin .nav-style-underline .navbar-nav .nav-link::after {
    color: var(--theme-primary);
}

.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .dropdown-menu,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .offcanvas,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .modal-content {
    border-color: var(--theme-border);
    background: var(--theme-surface);
    color: var(--theme-ink);
}

.theme-color-skin .dropdown-item:hover,
.theme-color-skin .dropdown-item:focus,
.theme-color-skin .mobile-nav-link:hover,
.theme-color-skin .mobile-submenu a:hover {
    background: var(--theme-soft);
    color: var(--theme-deep);
}

.theme-color-skin .hero {
    background:
        linear-gradient(
            110deg,
            color-mix(in srgb, var(--theme-deep) 96%, transparent),
            color-mix(in srgb, var(--theme-primary) 83%, transparent) 55%,
            color-mix(in srgb, var(--theme-primary) 58%, transparent)
        ),
        var(--hero-image) center / cover no-repeat;
}

.theme-color-skin .hero::after {
    background: radial-gradient(
        circle at 75% 35%,
        color-mix(in srgb, var(--theme-accent) 23%, transparent),
        transparent 31%
    );
}

.theme-color-skin .hero-slider,
.theme-color-skin .video-poster {
    background-color: var(--theme-deep);
}

.theme-color-skin .hero-overlay-light .hero-slide::before {
    background:
        linear-gradient(
            90deg,
            color-mix(in srgb, var(--theme-deep) 76%, transparent),
            color-mix(in srgb, var(--theme-deep) 46%, transparent) 50%,
            color-mix(in srgb, var(--theme-deep) 15%, transparent) 82%
        ),
        var(--hero-image) var(--hero-bg-position) center / cover no-repeat;
}

.theme-color-skin .hero-overlay-medium .hero-slide::before {
    background:
        linear-gradient(
            90deg,
            color-mix(in srgb, var(--theme-deep) 91%, transparent),
            color-mix(in srgb, var(--theme-deep) 66%, transparent) 50%,
            color-mix(in srgb, var(--theme-deep) 27%, transparent) 82%
        ),
        var(--hero-image) var(--hero-bg-position) center / cover no-repeat;
}

.theme-color-skin .hero-overlay-strong .hero-slide::before {
    background:
        linear-gradient(
            90deg,
            color-mix(in srgb, var(--theme-deep) 97%, transparent),
            color-mix(in srgb, var(--theme-deep) 80%, transparent) 50%,
            color-mix(in srgb, var(--theme-deep) 42%, transparent) 82%
        ),
        var(--hero-image) var(--hero-bg-position) center / cover no-repeat;
}

.theme-color-skin .service-overlay {
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--theme-deep) 6%, transparent) 15%,
        color-mix(in srgb, var(--theme-deep) 95%, #000) 95%
    );
}

.theme-color-skin .unit-hero-overlay {
    background: linear-gradient(
        90deg,
        color-mix(in srgb, var(--theme-deep) 96%, transparent),
        color-mix(in srgb, var(--theme-primary) 64%, transparent)
    );
}

.theme-color-skin .page-hero,
.theme-color-skin .unit-cta {
    background: linear-gradient(120deg, var(--theme-deep), var(--theme-primary));
}

.theme-color-skin .ppdb-banner {
    background: linear-gradient(115deg, var(--theme-deep), var(--theme-category));
    box-shadow: 0 26px 70px color-mix(in srgb, var(--theme-category) 25%, transparent);
}

.theme-color-skin .ppdb-copy .kicker,
.theme-color-skin .campus-panel-copy > span {
    color: var(--theme-accent);
}

.theme-color-skin .news-category,
.theme-color-skin .special-article-category {
    color: var(--theme-category);
}

.theme-color-skin .donation-progress .progress-bar {
    background: linear-gradient(90deg, var(--theme-primary), var(--theme-accent));
}

.theme-color-skin .child-safe-icon {
    background: var(--theme-primary);
    box-shadow: 0 18px 40px color-mix(in srgb, var(--theme-primary) 27%, transparent);
}

.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) main,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .article-body {
    background-color: var(--theme-body);
}

.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .section-about,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .stats-section,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .ppdb-wrap,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .units-section,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .donation-section,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .news-section,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .special-articles-section {
    background-color: var(--theme-surface);
}

.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .services-section,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .leadership-section,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .testimonials-section,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .home-notice-section,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .video-section,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .soft-section,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .article-header,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .contact-box {
    background-color: var(--theme-section);
}

.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .hero-curve {
    background-color: var(--theme-surface);
}

.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .news-card,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .unit-card,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .leader-card,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .listing-card,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .form-card,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .video-card,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .ppdb-card,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .gallery-card,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .testimonial-modern,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .home-notice-panel,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .related-post-card,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .inline-related,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .post-navigation-card,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .program-list > a,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .donation-numbers > div,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .location-tag {
    border-color: var(--theme-border);
    background-color: var(--theme-surface);
    color: var(--theme-ink);
}

.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .child-safe-card {
    border-color: var(--theme-border);
    background: linear-gradient(135deg, var(--theme-soft), var(--theme-surface));
}

.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .photo-stack .photo-small {
    border-color: var(--theme-surface);
    background: var(--theme-section);
}

.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .form-control,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .form-select,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .language-selector,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .newsletter-form input {
    border-color: var(--theme-border);
    background-color: var(--theme-surface);
    color: var(--theme-ink);
}

.theme-color-skin .form-control:focus,
.theme-color-skin .form-select:focus,
.theme-color-skin .language-selector:focus {
    border-color: var(--theme-primary);
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--theme-primary) 17%, transparent);
}

.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .section-title,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .article-header h1,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .news-body h2 a,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .news-body h3 a,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .unit-card h3,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .leader-card h3,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .listing-card h2,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .form-card h2,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .prose h2,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .prose h3,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .prose h4,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .program-list h3,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .search-results h2 a {
    color: var(--theme-deep);
}

.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .section-lead,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .section-heading > p,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .news-body p,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .news-meta,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .unit-card p,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .leader-card p,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .listing-card p,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .article-lead,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .article-meta,
.theme-color-skin:not(.theme-surface-dark):not(.theme-surface-contrast) .prose {
    color: var(--theme-muted);
}

.theme-color-skin .campus-panel,
.theme-color-skin .facility-card,
.theme-color-skin .site-footer,
.theme-color-skin .back-to-top {
    background-color: var(--theme-deep);
}

.theme-color-skin .footer-overlay {
    background: linear-gradient(
        100deg,
        color-mix(in srgb, var(--theme-deep) 97%, #000),
        color-mix(in srgb, var(--theme-primary) 91%, #000)
    );
}

.theme-color-skin .footer-title::before {
    background: var(--theme-accent);
}

.theme-color-skin .footer-contact a:hover,
.theme-color-skin .footer-links a:hover {
    color: var(--theme-accent);
}

.theme-color-skin.theme-surface-dark {
    background: #0F1713;
}

.theme-color-skin.theme-surface-dark a:not(.btn):not(.nav-link):not(.mobile-nav-link) {
    color: color-mix(in srgb, var(--theme-primary) 43%, #fff);
}

.theme-color-skin.theme-surface-dark a:not(.btn):not(.nav-link):not(.mobile-nav-link):hover {
    color: color-mix(in srgb, var(--theme-accent) 68%, #fff);
}

.theme-color-skin.theme-surface-dark .site-header.scrolled,
.theme-color-skin.theme-surface-dark:not(.home-page) .site-header {
    border-bottom-color: var(--border);
    background: #111B16;
}

.theme-color-skin.theme-surface-dark .navbar-brand strong,
.theme-color-skin.theme-surface-dark .navbar-nav .nav-link,
.theme-color-skin.theme-surface-dark .navbar-toggler,
.theme-color-skin.theme-surface-dark .mobile-nav-link {
    color: #EDF5F0;
}

.theme-color-skin.theme-surface-dark .dropdown-menu,
.theme-color-skin.theme-surface-dark .offcanvas,
.theme-color-skin.theme-surface-dark .modal-content {
    border-color: var(--border);
    background: #111B16;
    color: #EDF5F0;
}

.theme-color-skin.theme-surface-contrast .btn-green,
.theme-color-skin.theme-surface-contrast .btn-outline-green:hover {
    border: 2px solid #000;
}

@media (max-width: 991.98px) {
    .theme-color-skin .hero-slider .hero-slide::before {
        background:
            linear-gradient(
                90deg,
                color-mix(in srgb, var(--theme-deep) 94%, transparent),
                color-mix(in srgb, var(--theme-deep) 68%, transparent) 70%,
                color-mix(in srgb, var(--theme-deep) 44%, transparent)
            ),
            var(--hero-image) var(--hero-bg-position) center / cover no-repeat;
    }
}

@media (prefers-reduced-motion: reduce) {
    .theme-color-skin * {
        scroll-behavior: auto;
    }
}