.navbar.theme-navbar {
    background-color: var(--theme-navbar-bg) !important;
    border-bottom: 1px solid var(--theme-navbar-border);
}

[data-bs-theme="light"] .navbar.theme-navbar {
    --bs-navbar-color: rgba(0, 0, 0, 0.65);
    --bs-navbar-hover-color: rgba(0, 0, 0, 0.8);
    --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-brand-color: #212529;
    --bs-navbar-brand-hover-color: #212529;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
}

[data-bs-theme="dark"] .navbar.theme-navbar {
    --bs-navbar-color: rgba(255, 255, 255, 0.55);
    --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
}

[data-bs-theme="light"] {
    --theme-bg: #ffffff;
    --theme-bg-secondary: #f8f9fa;
    --theme-bg-tertiary: #e9ecef;
    --theme-text: #212529;
    --theme-text-secondary: #6c757d;
    --theme-text-muted: #868e96;
    --theme-border: #dee2e6;
    --theme-border-subtle: #e9ecef;
    --theme-card-bg: #ffffff;
    --theme-card-header-bg: #f8f9fa;
    --theme-navbar-bg: #f8f9fa;
    --theme-navbar-border: #dee2e6;
    --theme-input-bg: #ffffff;
    --theme-input-border: #ced4da;
    --theme-code-bg: #f1f3f5;
    --theme-hover-shadow: rgba(0, 0, 0, 0.08);
    --theme-overlay-bg: rgba(255, 255, 255, 0.92);

    --theme-bubble-interviewer-bg: #e8f0fe;
    --theme-bubble-interviewer-border: rgba(13, 110, 253, 0.25);
    --theme-bubble-candidate-bg: #e6f4ea;
    --theme-bubble-candidate-border: rgba(25, 135, 84, 0.25);
    --theme-bubble-candidate-text: #1a5d2a;
    --theme-bubble-followup-bg: #f3e8ff;
    --theme-bubble-followup-border: rgba(139, 73, 232, 0.25);

    --theme-label-interviewer: #0d6efd;
    --theme-label-candidate: #198754;
    --theme-label-followup: #7c3aed;

    --theme-stepper-bg: #f8f9fa;
    --theme-stepper-border: #dee2e6;
    --theme-stepper-dot-bg: #f8f9fa;
    --theme-stepper-dot-border: #dee2e6;
    --theme-stepper-dot-color: #6c757d;

    --theme-avatar-bg: #f8f9fa;
    --theme-avatar-border: #e9ecef;
    --theme-avatar-name: #212529;
    --theme-avatar-status: #6c757d;

    --theme-panel-bg: #ffffff;
    --theme-panel-border: #dee2e6;
    --theme-panel-heading: #6c757d;

    --theme-record-btn-bg: #f8f9fa;
    --theme-record-btn-border: #0d6efd;

    --theme-timer-ring-bg: #e9ecef;
    --theme-upload-bg: #e8f0fe;
    --theme-upload-border: rgba(13, 110, 253, 0.2);

    --theme-typing-bg: #e8f0fe;
    --theme-typing-border: rgba(13, 110, 253, 0.2);
    --theme-typing-dot: #0d6efd;

    --theme-progress-bar-bg: #e9ecef;
    --theme-overall-bar-bg: #e9ecef;

    --theme-start-overlay: rgba(255, 255, 255, 0.92);

    --theme-narrative-bg: #e8f0fe;
    --theme-narrative-bg-gradient: linear-gradient(135deg, #e8f0fe 0%, #f0f4ff 100%);
    --theme-narrative-border: rgba(13, 110, 253, 0.2);
    --theme-narrative-text: #495057;

    --theme-coaching-strength-bg: rgba(25, 135, 84, 0.08);
    --theme-coaching-improvement-bg: rgba(13, 202, 240, 0.08);

    --theme-section-border: rgba(0, 0, 0, 0.06);

    --theme-score-ring-track: rgba(0, 0, 0, 0.08);

    --theme-premium-overlay: rgba(255, 255, 255, 0.7);
    --theme-premium-lock-title: #212529;
    --theme-premium-lock-desc: #495057;

    --theme-quota-bar-bg: rgba(0, 0, 0, 0.07);
    --theme-feature-card-bg: #ffffff;
    --theme-feature-card-hover-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    --theme-feature-card-border: rgba(0, 0, 0, 0.08);

    --theme-interview-desc-pre-bg: rgba(0, 0, 0, 0.04);
    --theme-interview-desc-pre-color: #212529;

    --landing-hero-gradient: linear-gradient(135deg, rgba(13, 110, 253, 0.06) 0%, rgba(232, 240, 254, 0.8) 50%, rgba(255, 255, 255, 1) 100%);
    --landing-section-alt-bg: #f0f4fa;
    --landing-stats-bg: linear-gradient(135deg, #e8f0fe 0%, #dce7fb 100%);
    --landing-stats-border: rgba(13, 110, 253, 0.15);
    --landing-footer-bg: #f0f4fa;
    --landing-footer-text: #495057;
    --landing-footer-heading: #212529;
    --landing-footer-hover: #212529;
    --landing-footer-hr: rgba(0, 0, 0, 0.15);
    --landing-hero-btn-outline: var(--bs-primary);
    --landing-secondary-text: #495057;
}

[data-bs-theme="dark"] {
    --theme-bg: #212529;
    --theme-bg-secondary: #161b22;
    --theme-bg-tertiary: #0d1117;
    --theme-text: #dee2e6;
    --theme-text-secondary: #8b949e;
    --theme-text-muted: #6c757d;
    --theme-border: #30363d;
    --theme-border-subtle: #21262d;
    --theme-card-bg: var(--bs-card-bg, #212529);
    --theme-card-header-bg: transparent;
    --theme-navbar-bg: #212529;
    --theme-navbar-border: #30363d;
    --theme-input-bg: var(--bs-body-bg);
    --theme-input-border: var(--bs-border-color);
    --theme-code-bg: var(--bs-dark);
    --theme-hover-shadow: rgba(0, 0, 0, 0.2);
    --theme-overlay-bg: rgba(13, 17, 23, 0.88);

    --theme-bubble-interviewer-bg: #1c2a3f;
    --theme-bubble-interviewer-border: #1f6feb44;
    --theme-bubble-candidate-bg: #1a2a1a;
    --theme-bubble-candidate-border: #23863644;
    --theme-bubble-candidate-text: #aff3af;
    --theme-bubble-followup-bg: #2a1f3f;
    --theme-bubble-followup-border: #8b49e844;

    --theme-label-interviewer: #58a6ff;
    --theme-label-candidate: #3fb950;
    --theme-label-followup: #bc8cff;

    --theme-stepper-bg: #161b22;
    --theme-stepper-border: #30363d;
    --theme-stepper-dot-bg: #161b22;
    --theme-stepper-dot-border: #30363d;
    --theme-stepper-dot-color: #8b949e;

    --theme-avatar-bg: #161b22;
    --theme-avatar-border: #21262d;
    --theme-avatar-name: #e6edf3;
    --theme-avatar-status: #8b949e;

    --theme-panel-bg: #0d1117;
    --theme-panel-border: #30363d;
    --theme-panel-heading: #8b949e;

    --theme-record-btn-bg: #161b22;
    --theme-record-btn-border: #1f6feb;

    --theme-timer-ring-bg: #21262d;
    --theme-upload-bg: #1c2a3f;
    --theme-upload-border: #1f6feb33;

    --theme-typing-bg: #1c2a3f;
    --theme-typing-border: #1f6feb44;
    --theme-typing-dot: #58a6ff;

    --theme-progress-bar-bg: var(--bs-dark);
    --theme-overall-bar-bg: #21262d;

    --theme-start-overlay: rgba(13, 17, 23, 0.88);

    --theme-narrative-bg: #0d1f3c;
    --theme-narrative-bg-gradient: linear-gradient(135deg, #0d1f3c 0%, #1a1f2e 100%);
    --theme-narrative-border: #1f6feb44;
    --theme-narrative-text: #c9d1d9;

    --theme-coaching-strength-bg: rgba(var(--bs-success-rgb), 0.08);
    --theme-coaching-improvement-bg: rgba(var(--bs-info-rgb), 0.08);

    --theme-section-border: rgba(255, 255, 255, 0.06);

    --theme-score-ring-track: rgba(255, 255, 255, 0.08);

    --theme-premium-overlay: rgba(0, 0, 0, 0.55);
    --theme-premium-lock-title: #f8f9fa;
    --theme-premium-lock-desc: #ced4da;

    --theme-quota-bar-bg: rgba(255, 255, 255, 0.1);
    --theme-feature-card-bg: rgba(255, 255, 255, 0.03);
    --theme-feature-card-hover-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
    --theme-feature-card-border: rgba(255, 255, 255, 0.06);

    --theme-interview-desc-pre-bg: rgba(var(--bs-dark-rgb), 0.6);
    --theme-interview-desc-pre-color: var(--bs-light);

    --landing-hero-gradient: linear-gradient(135deg, rgba(var(--bs-primary-rgb), 0.1) 0%, rgba(var(--bs-dark-rgb), 0.4) 100%);
    --landing-section-alt-bg: rgba(255, 255, 255, 0.04);
    --landing-stats-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);
    --landing-stats-border: rgba(255, 255, 255, 0.1);
    --landing-footer-bg: rgba(0, 0, 0, 0.3);
    --landing-footer-text: #8b949e;
    --landing-footer-heading: #f1f5f9;
    --landing-footer-hover: #f1f5f9;
    --landing-footer-hr: rgba(255, 255, 255, 0.15);
    --landing-hero-btn-outline: var(--bs-light);
    --landing-secondary-text: #8b949e;
}