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

:root {
    /* Navigation */
    --nav-link-inactive: #6c757d;
    --nav-link-active: #0066cc;
    --legal-text: #666;

    /* SEO Content */
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fa;
    --bg-tertiary: #e9ecef;
    --text-primary: #212529;
    --text-secondary: #495057;
    --text-tertiary: #6c757d;
    --border-color: #dee2e6;
    --accent-primary: #001a2c;
    --accent-secondary: #0056b3;
    --border-radius: 0.5rem;
    --box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    --transition: all 0.2s ease;

    /* Status & UI colors */
    --text-info: #1e90ff;
    --text-success: #2ecc71;
    --text-warning: #f59e0b;
    --text-error: #ff4757;

    /* Sidebar */
    --sidebar-text-secondary: #6c757d;

    /* Shadows & focus */
    --shadow-color: rgba(0,0,0,.08);
    --focus-ring: 2px solid var(--text-info);
    --focus-ring-offset: 2px;

    /* RGB variants for rgba() usage */
    --ui-highlight-rgb: 9, 132, 227;
    --chassis-bg-rgb: 77, 141, 159;
    --lbl-primary-rgb: 116, 185, 255;
    --text-primary-rgb: 33, 37, 41;
    --bg-primary-rgb: 255, 255, 255;

    /* Educational badge */
    --badge-bg: #d4edda;
    --badge-text: #155724;

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

/* Focus accessibility */
button:focus-visible {
    outline: 3px solid #4299e1;
    outline-offset: 2px;
}

/* Educational badge */
.educational-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--badge-bg);
    color: var(--badge-text);
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    margin-left: 10px;
}