/* 1. THEME VARIABLES (Standardized Sapphire & Momentum Gold) */
:root[data-theme='light'] {
    --vink-bg: #ffffff;
    --vink-text: #1a1a1a;
    --vink-accent: #0073aa;
    --vink-sapphire: #0073aa;
    --vink-gold: #b58900;
}

:root[data-theme='dark'] {
    --vink-bg: #0d1117; /* GitHub Dark Blue-Black */
    --vink-text: #c9d1d9;
    --vink-accent: #58a6ff; /* Sapphire Blue */
    --vink-sapphire: #58a6ff;
    --vink-gold: #d29922;   /* Momentum Gold */
    --vink-card: #161b22;
    --vink-border: #30363d;
}

/* 2. UNIVERSAL BOX-KILLER */
html, body, #page, .site, 
.site-header, .inside-header,
.main-navigation, .inside-navigation,
.site-content, #content, .content-area, .site-main,
article, .inside-article, .entry-content,
.site-footer, .footer-widgets-container, .site-info, .footer-bar,
.page-header, .archive-header {
    background-color: var(--vink-bg) !important;
    color: var(--vink-text) !important;
    border: none !important;
    box-shadow: none !important;
}

/* 3. NAVIGATION & LINK SYNC */
/* Forces Sapphire Blue on hover/active states across the menu */
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: var(--vink-sapphire) !important;
    background-color: transparent !important;
}

/* 4. THE MODE BUTTON (Now Sapphire Blue) */
.vink-theme-toggle {
    margin-left: 20px !important;
    background-color: var(--vink-sapphire) !important;
    color: #0d1117 !important; /* High contrast text for the button */
    border: none;
    padding: 5px 12px !important;
    font-size: 11px !important;
    cursor: pointer;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 1;
}

/* 5. INSTITUTIONAL LEGAL & FOCUSED CONTENT */
.vink-content-focused {
    background: var(--vink-bg) !important;
    padding: 60px 20px;
}

.vink-legal-container {
    max-width: 900px;
    margin: 0 auto;
    background: var(--vink-card);
    padding: 50px;
    border-radius: 12px;
    border: 1px solid var(--vink-border);
}

.vink-legal-container h1 {
    color: #fff !important;
    border-bottom: 2px solid var(--vink-sapphire) !important;
    padding-bottom: 15px;
}

.vink-legal-container h2 {
    color: var(--vink-sapphire) !important;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
}

.vink-legal-container li::before {
    content: "■";
    color: var(--vink-gold);
    margin-right: 10px;
}

/* 6. ACADEMY TERMINAL OVERRIDES */
.mpcs-lesson-template-default, .mpcs-course-template-default {
    background: var(--vink-bg) !important;
}

/* Progress Bar - Momentum Gold */
.mpcs-progress-bar-filler {
    background-color: var(--vink-gold) !important; 
}

/* Sidebar Navigation */
.mpcs-sidebar {
    background-color: var(--vink-card) !important;
    border-right: 1px solid var(--vink-border) !important;
}

/* Classroom Buttons - Sapphire */
.mpcs-button {
    background-color: var(--vink-sapphire) !important;
    color: #0d1117 !important;
    font-weight: 800 !important;
}

/* 7. GLOBAL UTILITIES */
.vink-dark-theme { background-color: var(--vink-bg) !important; }
.vink-terminal-active { font-family: 'JetBrains Mono', monospace, sans-serif; }