/* AUTO-GENERATED dark override layer for /info8 — do not hand-edit.

   Source: css/style.css + css/components.css + css/responsive.css.

   Regenerate with generate.py; hand-written fixes live in dark-extra.css. */

/* ===== dark palette: the token layer does most of the work ===== */
html[data-theme="dark"] {
  --bg-primary: #0d0f1a;
  --bg-secondary: #121527;
  --bg-tertiary: #16203a;
  --bg-card: #161a2b;
  --bg-card-hover: #1c2138;
  --bg-glass: rgba(18,21,39,.88);
  --bg-glass-heavy: rgba(13,15,26,.97);
  --border-subtle: #2a2f45;
  --border-medium: #363c55;
  --border-accent: rgba(122,165,255,.35);
  --border-glow: rgba(167,139,250,.45);
  --text-primary: #e8eaf6;
  --text-secondary: #c2c7dc;
  --text-muted: #969db8;
  --text-dim: #7f879f;
  --shadow-sm: 0 1px 3px rgba(0,0,0,.4);
  --shadow-card: 0 10px 30px -5px rgba(0,0,0,.55), 0 4px 6px -2px rgba(0,0,0,.35);
  --shadow-card-hover: 0 20px 40px -10px rgba(0,0,0,.65), 0 8px 16px -4px rgba(0,0,0,.4);
  --shadow-popup: 0 25px 50px -12px rgba(0,0,0,.75);
  color-scheme: dark;
}
html[data-theme="dark"] body { background: var(--bg-primary); color: var(--text-primary); }


html[data-theme="dark"] .badge {
  background: #16203a;
  border: 1px solid #26314e;
  color: #8fb4ff;
}
html[data-theme="dark"] .badge-cyan {
  background: #16263a;
  border-color: #24405c;
  color: #38bdf8;
}
html[data-theme="dark"] .badge-gold {
  background: #2e2513;
  border-color: #4a3c18;
  color: #fbbf24;
}
html[data-theme="dark"] .badge-emerald {
  background: #133629;
  border-color: #1d4a3a;
  color: #34d399;
}
html[data-theme="dark"] .btn-secondary {
  background: #161a2b;
}
html[data-theme="dark"] .btn-secondary:hover {
  background: #16203a;
}
html[data-theme="dark"] .section-title {
  color: #e8eaf6;
}
html[data-theme="dark"] .navbar.scrolled {
  background: rgba(22,26,43,0.92);
}
html[data-theme="dark"] .brand-logo {
  color: #e8eaf6;
}
html[data-theme="dark"] .logo-badge {
  background: #16203a;
  color: #8fb4ff;
  border: 1px solid #26314e;
}
html[data-theme="dark"] .mobile-nav-toggle {
  background: #16203a;
  color: #e8eaf6;
}
html[data-theme="dark"] .hero-title {
  color: #e8eaf6;
}
html[data-theme="dark"] .trust-text strong {
  color: #e8eaf6;
}
html[data-theme="dark"] .hero-expert-card {
  background: #161a2b;
  border: 1.5px solid #2b3b63;
}
html[data-theme="dark"] .hero-expert-label {
  color: #7aa5ff;
}
html[data-theme="dark"] .hero-expert-name {
  color: #e8eaf6;
}
html[data-theme="dark"] .expert-pill {
  color: #93b4ff;
  background: #16203a;
  border: 1px solid #2b3b63;
}
html[data-theme="dark"] .stats-bar {
  background: #161a2b;
}
html[data-theme="dark"] .stat-number {
  color: #e8eaf6;
}
html[data-theme="dark"] .hero-video-frame {
  background: #161a2b;
}
html[data-theme="dark"] .video-overlay-badge {
  border: 1px solid rgba(255,255,255,0.15);
}
html[data-theme="dark"] .video-sound-toggle {
  border: 1px solid rgba(255,255,255,0.2);
}
html[data-theme="dark"] .showcase-tab-btn {
  background: #161a2b;
}
html[data-theme="dark"] .showcase-tab-btn:hover {
  color: #e8eaf6;
  background: #16203a;
}
html[data-theme="dark"] .showcase-preview-card {
  background: #161a2b;
}
html[data-theme="dark"] .tool-tag {
  background: #16203a;
  border: 1px solid #26314e;
  color: #8fb4ff;
}
html[data-theme="dark"] .code-prompt-box {
  border: 1px solid #2a2f45;
}
html[data-theme="dark"] .code-prompt-header {
  color: #7f879f;
}
html[data-theme="dark"] .stage-title {
  color: #e8eaf6;
}
html[data-theme="dark"] .stage-points-list li svg {
  color: #7aa5ff;
}
html[data-theme="dark"] .curriculum-filter-bar {
  background: #161a2b;
}
html[data-theme="dark"] .search-input {
  background: #16203a;
  color: #e8eaf6;
}
html[data-theme="dark"] .search-input:focus {
  background: #161a2b;
}
html[data-theme="dark"] .module-accordion-item {
  background: #161a2b;
}
html[data-theme="dark"] .module-accordion-item:hover {
  border-color: #2b3b63;
}
html[data-theme="dark"] .module-accordion-item.active {
  border-color: #34508c;
}
html[data-theme="dark"] .module-header-btn {
  color: #e8eaf6;
}
html[data-theme="dark"] .module-num-badge {
  background: #16203a;
  color: #8fb4ff;
  border: 1px solid #2b3b63;
}
html[data-theme="dark"] .module-title-text {
  color: #e8eaf6;
}
html[data-theme="dark"] .mod-tool-chip {
  background: #171b2c;
  color: #aab1c8;
  border: 1px solid #2a2f45;
}
html[data-theme="dark"] .module-chevron {
  background: #16203a;
  color: #7aa5ff;
}
html[data-theme="dark"] .module-split-grid {
  background: #121527;
}
html[data-theme="dark"] .syllabus-header-card {
  background: #161a2b;
}
html[data-theme="dark"] .syllabus-badge {
  color: #7aa5ff;
}
html[data-theme="dark"] .lesson-item {
  background: #161a2b;
}
html[data-theme="dark"] .lesson-item:hover {
  background: #16203a;
  color: #e8eaf6;
  border-color: #2b3b63;
}
html[data-theme="dark"] .lesson-video-icon {
  background: #16203a;
  border: 1px solid #2b3b63;
  color: #7aa5ff;
}
html[data-theme="dark"] .visuals-col-title {
  color: #dfe3f2;
}
html[data-theme="dark"] .mod-visual-card {
  background: #161a2b;
  border: 1px solid #2a2f45;
}
html[data-theme="dark"] .mod-visual-card:hover {
  border-color: #34508c;
}
html[data-theme="dark"] .mod-visual-meta {
  color: #969db8;
}
html[data-theme="dark"] .mod-media-badge-hd,
html[data-theme="dark"] .mod-media-badge-live {
  border: 1px solid rgba(255,255,255,0.2);
}
html[data-theme="dark"] .mod-media-badge-live {
  border-color: rgba(255,255,255,0.3);
}
html[data-theme="dark"] .mod-live-dot {
  background: #161a2b;
}
html[data-theme="dark"] .mod-visual-title {
  color: #e8eaf6;
}
html[data-theme="dark"] .mod-visual-caption svg {
  color: #34d399;
}
html[data-theme="dark"] .code-window-title {
  color: #e8eaf6;
}
html[data-theme="dark"] .mod-visual-snippet {
  border: 1px solid #2a2f45;
}
html[data-theme="dark"] .mod-visual-caption {
  color: #aab1c8;
}
html[data-theme="dark"] .mod-visual-caption svg {
  color: #34d399;
}
html[data-theme="dark"] .bonus-card {
  background: #161a2b;
}
html[data-theme="dark"] .bonus-card-badge {
  background: #2e2513;
  color: #fbbf24;
  border: 1px solid #4a3c18;
}
html[data-theme="dark"] .bonus-icon-wrap {
  background: #16203a;
}
html[data-theme="dark"] .bonus-title {
  color: #e8eaf6;
}
html[data-theme="dark"] .mentor-card {
  background: #161a2b;
}
html[data-theme="dark"] .mentor-avatar {
  background: #16203a;
}
html[data-theme="dark"] .mentor-verified {
  border: 2px solid rgba(255,255,255,.14);
}
html[data-theme="dark"] .mentor-name {
  color: #e8eaf6;
}
html[data-theme="dark"] .prize-card {
  background: #161a2b;
}
html[data-theme="dark"] .prize-card.gold-glow {
  border-color: #4a3c18;
}
html[data-theme="dark"] .prize-title {
  color: #e8eaf6;
}
html[data-theme="dark"] .calculator-card {
  background: #161a2b;
}
html[data-theme="dark"] .slider-label-row {
  color: #e8eaf6;
}
html[data-theme="dark"] .slider-val-tag {
  color: #7aa5ff;
}
html[data-theme="dark"] .range-slider {
  background: #1b2947;
}
html[data-theme="dark"] .range-slider::-webkit-slider-thumb {
  border: 3px solid rgba(255,255,255,.14);
}
html[data-theme="dark"] .calc-result-box {
  border: 1px solid #2b3b63;
}
html[data-theme="dark"] .calc-result-amount-usd {
  color: #e8eaf6;
}
html[data-theme="dark"] .calc-result-amount-uzs {
  color: #7aa5ff;
}
html[data-theme="dark"] .pricing-countdown-master {
  background: #161a2b;
  border: 1.5px solid #2b3b63;
}
html[data-theme="dark"] .cd-title {
  color: #dfe3f2;
}
html[data-theme="dark"] .cd-digit-card {
  border: 1px solid #363c55;
}
html[data-theme="dark"] .cd-label {
  color: #7f879f;
}
html[data-theme="dark"] .cd-sep {
  color: #7aa5ff;
}
html[data-theme="dark"] .cd-footer-note {
  color: #aab1c8;
}
html[data-theme="dark"] .cd-footer-note span {
  color: #e8eaf6;
}
html[data-theme="dark"] .pricing-card {
  background: #161a2b;
  border: 1px solid #2a2f45;
}
html[data-theme="dark"] .pricing-card.popular {
  background: #161a2b;
}
html[data-theme="dark"] .pricing-card.elite {
  border: 1.5px solid #4a3c18;
}
html[data-theme="dark"] .elite-title {
  color: #fcd34d !important;
}
html[data-theme="dark"] .elite-price-wrap {
  background: #241d0f !important;
  border-color: #4a3c18 !important;
}
html[data-theme="dark"] .pricing-plan-name {
  color: #e8eaf6;
}
html[data-theme="dark"] .pricing-target-callout.premium {
  background: #16203a;
  color: #93b4ff;
  border: 1px solid #2b3b63;
}
html[data-theme="dark"] .pricing-target-callout.vip {
  background: #1d1730;
  color: #c4b5fd;
  border: 1px solid #332a55;
}
html[data-theme="dark"] .pricing-target-callout.elite {
  background: #241d0f;
  color: #fcd34d;
  border: 1px solid #4a3c18;
}
html[data-theme="dark"] .pricing-target-callout.premium .target-dollar-tag {
  background: #1b2947;
  color: #8fb4ff;
  border: 1px solid #2b3b63;
}
html[data-theme="dark"] .pricing-target-callout.vip .target-dollar-tag {
  background: #241a3d;
  color: #c4b5fd;
  border: 1px solid #332a55;
}
html[data-theme="dark"] .pricing-target-callout.elite .target-dollar-tag {
  background: #2e2513;
  color: #fbbf24;
  border: 1px solid #4a3c18;
}
html[data-theme="dark"] .price-block-wrap {
  background: #121527;
  border: 1px solid #2a2f45;
}
html[data-theme="dark"] .discount-blue {
  background: #16203a;
  color: #8fb4ff;
  border: 1px solid #2b3b63;
}
html[data-theme="dark"] .discount-gold {
  background: #2e2513;
  color: #fcd34d;
  border: 1px solid #4a3c18;
}
html[data-theme="dark"] .price-original {
  color: #f87171;
  text-decoration-color: #f87171;
}
html[data-theme="dark"] .price-val {
  color: #e8eaf6;
}
html[data-theme="dark"] .price-savings-text {
  color: #34d399;
}
html[data-theme="dark"] .price-savings-text.highlight-save {
  color: #a78bfa;
}
html[data-theme="dark"] .plan-features-list li.highlight {
  color: #e8eaf6;
}
html[data-theme="dark"] .faq-item {
  background: #161a2b;
}
html[data-theme="dark"] .faq-question-btn {
  color: #e8eaf6;
}
html[data-theme="dark"] .site-footer {
  color: #7f879f;
}
html[data-theme="dark"] .footer-top a {
  color: #7f879f;
}
html[data-theme="dark"] .footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.1);
  color: #969db8;
}
html[data-theme="dark"] .modal-window {
  background: #161a2b;
}
html[data-theme="dark"] .modal-close-btn {
  background: #16203a;
}
html[data-theme="dark"] .modal-close-btn:hover {
  color: #e8eaf6;
  background: #1b2947;
}
html[data-theme="dark"] .form-label {
  color: #e8eaf6;
}
html[data-theme="dark"] .form-input,
html[data-theme="dark"] .form-select {
  background: #16203a;
  color: #e8eaf6;
}
html[data-theme="dark"] .form-input:focus,
html[data-theme="dark"] .form-select:focus {
  background: #161a2b;
}
html[data-theme="dark"] .academy-marquee-title {
  color: #969db8;
}
html[data-theme="dark"] .academy-marquee-count {
  color: #969db8;
}
html[data-theme="dark"] .marquee-card:hover {
  border-color: #34508c;
}
html[data-theme="dark"] .marquee-card-badge {
  border: 1px solid rgba(255,255,255,0.2);
}
html[data-theme="dark"] .card-sound-btn {
  border: 1px solid rgba(255,255,255,0.25);
}
html[data-theme="dark"] .card-sound-btn:hover {
  border-color: #34508c;
}
html[data-theme="dark"] .card-fullscreen-btn {
  border: 1px solid rgba(255,255,255,0.25);
}
html[data-theme="dark"] .card-fullscreen-btn:hover {
  border-color: #4c3f7a;
}
html[data-theme="dark"] .btn-academy-start {
  border: 1px solid rgba(255,255,255,0.25);
}
html[data-theme="dark"] .instructor-section {
  border-top: 1px solid #2a2f45;
  border-bottom: 1px solid #2a2f45;
}
html[data-theme="dark"] .instructor-portrait-card {
  background: #161a2b;
}
html[data-theme="dark"] .instructor-photo-badge {
  border: 1px solid rgba(255,255,255,0.2);
}
html[data-theme="dark"] .instructor-tag-badge {
  background: #16203a;
  border: 1px solid #2b3b63;
  color: #8fb4ff;
}
html[data-theme="dark"] .instructor-name-title {
  color: #e8eaf6;
}
html[data-theme="dark"] .instructor-lead-bio {
  color: #aab1c8;
}
html[data-theme="dark"] .instructor-lead-bio strong {
  color: #e8eaf6;
}
html[data-theme="dark"] .inst-highlight-card {
  background: #161a2b;
  border: 1px solid #2a2f45;
}
html[data-theme="dark"] .inst-highlight-card:hover {
  border-color: #34508c;
}
html[data-theme="dark"] .inst-hl-value {
  color: #e8eaf6;
}
html[data-theme="dark"] .inst-hl-value.blue {
  color: #7aa5ff;
}
html[data-theme="dark"] .inst-hl-value.emerald {
  color: #34d399;
}
html[data-theme="dark"] .inst-hl-value.violet {
  color: #a78bfa;
}
html[data-theme="dark"] .inst-hl-value.amber {
  color: #fbbf24;
}
html[data-theme="dark"] .inst-hl-label {
  color: #969db8;
}
html[data-theme="dark"] .cert-gallery-title {
  color: #e8eaf6;
}
html[data-theme="dark"] .cert-gallery-subtitle {
  color: #969db8;
}
html[data-theme="dark"] .certificate-card {
  background: #161a2b;
  border: 1px solid #2a2f45;
}
html[data-theme="dark"] .certificate-card:hover {
  border-color: #2b3b63;
}
html[data-theme="dark"] .cert-image-frame {
  background: #121527;
  border: 1px solid #232840;
}
html[data-theme="dark"] .cert-badge-blue {
  background: #16203a;
  color: #8fb4ff;
  border: 1px solid #2b3b63;
}
html[data-theme="dark"] .cert-badge-emerald {
  background: #102420;
  color: #34d399;
  border: 1px solid #1d4a3a;
}
html[data-theme="dark"] .cert-badge-purple {
  background: #1d1730;
  color: #c4b5fd;
  border: 1px solid #3a2a55;
}
html[data-theme="dark"] .cert-card-title {
  color: #e8eaf6;
}
html[data-theme="dark"] .cert-card-desc {
  color: #969db8;
}
html[data-theme="dark"] .cert-score-tags-row {
  border-top: 1px dashed #2a2f45;
}
html[data-theme="dark"] .score-mini-pill {
  background: #171b2c;
  color: #c2c7dc;
}
html[data-theme="dark"] .score-mini-pill.perfect {
  background: #102420;
  color: #34d399;
  border: 1px solid #1d4a3a;
}
html[data-theme="dark"] .cert-lightbox-window {
  background: #161a2b;
}
html[data-theme="dark"] .cert-lightbox-header {
  background: #121527;
  border-bottom: 1px solid #2a2f45;
}
html[data-theme="dark"] .cert-lb-badge {
  color: #7aa5ff;
}
html[data-theme="dark"] .cert-lb-title {
  color: #e8eaf6;
}
html[data-theme="dark"] .cert-lightbox-close {
  background: #161a2b;
  border: 1px solid #2a2f45;
  color: #aab1c8;
}
html[data-theme="dark"] .cert-nav-btn {
  background: rgba(22,26,43,0.9);
  color: #e8eaf6;
}
html[data-theme="dark"] .mobile-menu-drawer {
  background: #161a2b;
  border: 1px solid #2a2f45;
}
html[data-theme="dark"] .mobile-menu-drawer .nav-link {
  color: #e8eaf6;
}
html[data-theme="dark"] .ytv-head h3 {
  color: #e8eaf6;
}
html[data-theme="dark"] .ytv-cap b {
  color: #e8eaf6;
}
html[data-theme="dark"] .pm-num {
  color: #a5b4fc;
}
html[data-theme="dark"] .pm-head h3 {
  color: #e8eaf6;
}
html[data-theme="dark"] .pm-desc {
  background: #121527;
  border: 1px solid #2a2f45;
}
html[data-theme="dark"] .pm-desc-tag {
  color: #a5b4fc;
}
html[data-theme="dark"] .pm-list li {
  background: #161a2b;
  border: 1px solid #2a2f45;
}
html[data-theme="dark"] .pm-list li b {
  color: #e8eaf6;
}
html[data-theme="dark"] .pm-right-tag {
  color: #34d399;
}
html[data-theme="dark"] .pm-shot {
  border: 1px solid #2a2f45;
  background: #161a2b;
}
html[data-theme="dark"] .pm-badge {
  color: #a5b4fc;
  background: rgba(22,26,43,.92);
}
html[data-theme="dark"] .pm-cap b {
  color: #e8eaf6;
}
html[data-theme="dark"] .pm-extra b {
  color: #e8eaf6;
}
html[data-theme="dark"] .plusx-pill {
  color: #a5b4fc;
}
html[data-theme="dark"] .plusx-card h3 {
  color: #e8eaf6;
}
html[data-theme="dark"] .spk-heading h3 {
  color: #e8eaf6;
}
html[data-theme="dark"] .spk-q {
  color: #a5b4fc;
}
html[data-theme="dark"] .spk-name {
  color: #e8eaf6;
}
html[data-theme="dark"] .spk-role {
  color: #a5b4fc;
}

@media (max-width:900px) {
html[data-theme="dark"] .mobile-nav-toggle {
  color: #a5b4fc;
}
}