/* ==========================================================================
   DARK THEME — Content & Navigation Overrides
   Calc84 v10.6.4
   ========================================================================== */

[data-theme="dark"] {
    /* Navigation */
    --nav-link-inactive: #95a5a6;
    --nav-link-active: #3498db;
    --legal-text: #aaa;

    /* SEO Content — must match seo-components.css dark theme */
    --bg-primary: #0f1115;
    --bg-secondary: #1a1d23;
    --bg-tertiary: #252931;
    --text-primary: #f8f9fa;
    --text-secondary: #e9ecef;
    --text-tertiary: #adb5bd;
    --border-color: #343a40;
    --accent-primary: #5dade2;
    --accent-secondary: #3498db;

    /* Status & UI colors */
    --text-info: #4db8ff;
    --text-success: #27ae60;
    --text-warning: #ffd43b;
    --text-error: #ff6b6b;

    /* Sidebar */
    --sidebar-text-secondary: #95a5a6;

    /* Shadows & focus */
    --shadow-color: rgba(0,0,0,.25);

    /* RGB variants for rgba() usage */
    --ui-highlight-rgb: 9, 132, 227;
    --chassis-bg-rgb: 0, 0, 0;
    --lbl-primary-rgb: 52, 152, 219;
    --text-primary-rgb: 248, 249, 250;
    --bg-primary-rgb: 15, 17, 21;

    /* Educational badge */
    --badge-bg: #1e3a2f;
    --badge-text: #2ecc71;

    /* Accent color (used by sidebar close button hover) */
    --accent-color: #3498db;
}

/* Dark focus ring */
[data-theme="dark"] button:focus-visible {
    outline-color: #5dade2;
}

/* Educational badge dark override */
[data-theme="dark"] .educational-badge {
    background: var(--badge-bg);
    color: var(--badge-text);
}

/* Dark focus ring */
[data-theme="dark"] button:focus-visible {
    outline-color: #5dade2;
}