/**
 * Public marketing pages — shared dark theme.
 * Loaded after page CSS. Depends on site-chrome.css + per-page stylesheets.
 */

/* ----- Shared marketing tokens (home, graduates, tools) ----- */

[data-theme="dark"] body.page-home,
[data-theme="dark"] body.page-graduates,
[data-theme="dark"] body.page-tools {
    background-color: #0a0a0a;
    color: #e5e7eb;
    --color-brand-lime: #d4ff00;
    --color-brand-light-lime: #c4eb00;
    --color-brand-dark: #f3f4f6;
    --color-brand-charcoal: #d1d5db;
    --color-page-background: #111111;
    --color-white: #171717;
    --color-gray-50: #141414;
    --color-gray-100: #1f1f1f;
    --color-gray-200: #2e2e2e;
    --color-gray-300: #404040;
    --color-gray-400: #9ca3af;
    --color-gray-500: #a3a3a3;
    --color-gray-600: #d1d5db;
    --color-gray-700: #e5e7eb;
    --color-gray-800: #f3f4f6;
    --color-green-500: #4ade80;
    --color-yellow-400: #facc15;
    --color-blue-500: #60a5fa;
    --color-purple-400: #c084fc;
    --border-brand: 1.5px solid rgba(212, 255, 0, 0.28);
    --shadow-card: 0 10px 30px -10px rgba(0, 0, 0, 0.55);
    --shadow-card-hover: 0 20px 40px -10px rgba(0, 0, 0, 0.6);
    --shadow-soft: 0 1px 2px 0 rgba(0, 0, 0, 0.45);
    --shadow-medium: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.45);
    --shadow-large: 0 20px 25px -5px rgba(0, 0, 0, 0.55), 0 8px 10px -6px rgba(0, 0, 0, 0.45);
    --home-band-solid: #0a0a0a;
    --home-band-soft: #111111;
}

[data-theme="dark"] body.page-home section.home-band--solid,
[data-theme="dark"] body.page-graduates section.home-band--solid,
[data-theme="dark"] body.page-tools section.home-band--solid {
    background-color: #0a0a0a;
}

[data-theme="dark"] body.page-home section.home-band--soft,
[data-theme="dark"] body.page-graduates section.home-band--soft,
[data-theme="dark"] body.page-tools section.home-band--soft {
    background-color: #11111138;
}

[data-theme="dark"] body.page-home .hero-banner__title-highlight-text {
    color: var(--af-lime);
}

[data-theme="dark"] body.page-home .hero-banner__title-highlight-mark {
    background-color: rgba(212, 255, 0, 0.22);
}

[data-theme="dark"] body.page-home .hero-banner__button-secondary {
    background-color: transparent;
    color: var(--af-lime);
    border: 1.5px solid var(--af-lime);
    box-sizing: border-box;
}

[data-theme="dark"] body.page-home .hero-banner__button-secondary:hover {
    background-color: rgba(212, 255, 0, 0.12);
    color: var(--af-lime);
}

/* How Apna Future Works — process section */
[data-theme="dark"] body.page-home .process-section {
    --process-navy: #e5e7eb;
    --process-navy-soft: #9ca3af;
}

[data-theme="dark"] body.page-home .process-section__eyebrow {
    color: var(--af-lime);
}

[data-theme="dark"] body.page-home .process-section__title {
    color: #f3f4f6;
}

[data-theme="dark"] body.page-home .process-step-card {
    background-color: #171717;
    border-color: rgba(212, 255, 0, 0.28);
}

[data-theme="dark"] body.page-home .process-step-card:hover {
    border-color: rgba(212, 255, 0, 0.45);
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.55);
}

[data-theme="dark"] body.page-home .process-step-card__title {
    color: #f3f4f6;
}

[data-theme="dark"] body.page-home .process-step-card__subtitle {
    color: #e5e7eb;
}

[data-theme="dark"] body.page-home .process-step-card__text {
    color: #9ca3af;
}

/* Final CTA — Stop Thinking. Start Doing. */
[data-theme="dark"] body.page-home .final-call-to-action {
    background-color: var(--af-lime);
    border-bottom-color: rgba(10, 10, 10, 0.15);
}

[data-theme="dark"] body.page-home .final-call-to-action__title,
[data-theme="dark"] body.page-home .final-call-to-action__lead {
    color: #0a0a0a;
}

[data-theme="dark"] body.page-home .final-call-to-action__button {
    background-color: #0a0a0a;
    color: #f3f4f6;
    border-color: #0a0a0a;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] body.page-home .final-call-to-action__button:hover {
    background-color: #1f1f1f;
    color: #f3f4f6;
}

/* Section title accents — lime text (Potential, Numbers, Best, Future, etc.) */
[data-theme="dark"] body.page-home :is(
    .courses-section__title-accent,
    .mentors-section__title-accent,
    .pricing-section__title-accent,
    .stats-strip__title-accent,
    .testimonials-section__title-accent
) {
    color: var(--af-lime);
}

[data-theme="dark"] body.page-home :is(
    .courses-section__title-accent,
    .mentors-section__title-accent,
    .pricing-section__title-accent
) {
    background-color: rgba(212, 255, 0, 0.22);
}

[data-theme="dark"] body.page-home .value-proposition__title-accent {
    color: var(--af-lime);
    -webkit-text-stroke: 1px rgba(212, 255, 0, 0.35);
}

/* Value proposition — list check icons & feature tiles */
[data-theme="dark"] body.page-home .value-proposition {
    color: #f3f4f6;
}

[data-theme="dark"] body.page-home .value-proposition__title {
    color: #f3f4f6;
}

[data-theme="dark"] body.page-home .value-proposition__lead,
[data-theme="dark"] body.page-home .value-proposition__item-text {
    color: #9ca3af;
}

[data-theme="dark"] body.page-home .value-proposition__item-title {
    color: #f3f4f6;
}

[data-theme="dark"] body.page-home .value-proposition__check {
    background-color: var(--af-lime);
    color: #0a0a0a;
}

[data-theme="dark"] body.page-home .value-proposition__check .ph-check {
    color: #0a0a0a;
}

[data-theme="dark"] body.page-home .value-tile--muted {
    background-color: #171717;
    border-color: rgba(212, 255, 0, 0.28);
    color: #f3f4f6;
}

[data-theme="dark"] body.page-home .value-tile--muted .ph-certificate {
    color: var(--af-lime);
}

[data-theme="dark"] body.page-home .value-tile--lime {
    background-color: var(--af-lime);
    border-color: rgba(10, 10, 10, 0.35);
    color: #0a0a0a;
}

[data-theme="dark"] body.page-home .value-tile--lime > i {
    color: #0a0a0a;
}

[data-theme="dark"] body.page-home .value-tile--white {
    background-color: #1f1f1f;
    border-color: rgba(212, 255, 0, 0.28);
    color: #f3f4f6;
}

[data-theme="dark"] body.page-home .value-tile--white .ph-users-three {
    color: #60a5fa;
}

[data-theme="dark"] body.page-home .value-tile--muted:last-child .ph-device-mobile {
    color: #c084fc;
}

/* Mentors — Learn from the Best */
[data-theme="dark"] body.page-home .mentors-section__title {
    color: #f3f4f6;
}

[data-theme="dark"] body.page-home .mentors-section__subtitle {
    color: #9ca3af;
}

[data-theme="dark"] body.page-home .mentor-card {
    background-color: #171717;
    border-color: rgba(212, 255, 0, 0.28);
}

[data-theme="dark"] body.page-home .mentor-card__name {
    color: #f3f4f6;
}

[data-theme="dark"] body.page-home .mentor-card__bio {
    color: #9ca3af;
}

[data-theme="dark"] body.page-home .mentor-card__photo-placeholder {
    background-color: #1f1f1f;
    border-color: rgba(212, 255, 0, 0.28);
}

[data-theme="dark"] body.page-home .mentor-card__photo-placeholder--initial {
    background-color: var(--af-lime);
    color: #0a0a0a;
}

[data-theme="dark"] body.page-home .mentor-card__role--dark-lime {
    background-color: #0a0a0a;
    color: var(--af-lime);
}

[data-theme="dark"] body.page-home .mentor-card__role--lime-dark {
    background-color: var(--af-lime);
    color: #0a0a0a;
}

[data-theme="dark"] body.page-home .mentor-card__role--blue {
    background-color: #2563eb;
    color: #f3f4f6;
}

[data-theme="dark"] body.page-home .mentor-card__role--muted {
    color: #9ca3af;
}

/* Home — Hear From Our Graduates video reel */
[data-theme="dark"] body.page-home .home-graduate-reel__eyebrow {
    color: var(--af-lime);
}

[data-theme="dark"] body.page-home .home-graduate-reel__title {
    color: #f3f4f6;
}

[data-theme="dark"] body.page-home .home-graduate-reel__title-accent {
    color: var(--af-lime);
    -webkit-text-stroke: 1px rgba(212, 255, 0, 0.35);
}

[data-theme="dark"] body.page-home .home-graduate-reel__lead {
    color: #9ca3af;
}

[data-theme="dark"] body.page-home .home-graduate-reel__track-wrap {
    background: linear-gradient(145deg, rgba(212, 255, 0, 0.1), transparent 58%);
}

[data-theme="dark"] body.page-home .home-graduate-reel .cd-reel-card {
    border-color: rgba(212, 255, 0, 0.28);
}

[data-theme="dark"] body.page-home .home-graduate-reel .cd-reel-card:hover .cd-reel-play {
    background: var(--af-lime);
    border-color: rgba(10, 10, 10, 0.35);
    color: #0a0a0a;
}

/* Course category filter bar */
[data-theme="dark"] body.page-home .category-filter-bar__button {
    background-color: #171717;
    color: #f3f4f6;
    border-color: rgba(212, 255, 0, 0.28);
}

[data-theme="dark"] body.page-home .category-filter-bar__button:hover {
    background-color: rgba(212, 255, 0, 0.12);
    color: var(--af-lime);
}

[data-theme="dark"] body.page-home .category-filter-bar__button--active,
[data-theme="dark"] body.page-home .category-filter-bar__button--active:hover {
    background-color: var(--af-lime);
    color: #0a0a0a;
    border-color: rgba(10, 10, 10, 0.35);
}

/* Courses section — View all courses (header link + mobile button) */
[data-theme="dark"] body.page-home .courses-section__view-all {
    color: var(--af-lime);
    text-decoration: none;
}

[data-theme="dark"] body.page-home .courses-section__view-all:hover {
    color: var(--color-brand-light-lime);
}

[data-theme="dark"] body.page-home .courses-section__mobile-more-button {
    background-color: #171717;
    color: var(--af-lime);
    border-color: rgba(212, 255, 0, 0.28);
}

[data-theme="dark"] body.page-home .courses-section__mobile-more-button:hover {
    background-color: rgba(212, 255, 0, 0.12);
    color: var(--af-lime);
}

/* Lime surfaces — keep dark ink */
[data-theme="dark"] body.page-home :is(
    .hero-banner__button-primary,
    .course-card__button-primary,
    .courses-catalog-cta__btn,
    .pricing-card__cta--lime,
    .testimonial-card__avatar--lime
),
[data-theme="dark"] body.page-graduates :is(
    .graduates-page-hero__accent,
    .gd-btn-brand
),
[data-theme="dark"] body.page-tools :is(
    .tools-page-hero__accent,
    .tools-empty-state__cta,
    .tool-card__button-primary
) {
    color: #0a0a0a;
}

/* ----- Shared course cards (home + graduates if used) ----- */

[data-theme="dark"] body.page-home .course-card__media,
[data-theme="dark"] body.page-graduates .course-card__media {
    border-bottom-color: rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] body.page-home .course-card__media img,
[data-theme="dark"] body.page-graduates .course-card__media img {
    mix-blend-mode: normal;
}

[data-theme="dark"] body.page-home .course-card__tag--inverse,
[data-theme="dark"] body.page-graduates .course-card__tag--inverse {
    background-color: #f3f4f6;
    color: #0a0a0a;
}

[data-theme="dark"] body.page-home .course-card__button-outline,
[data-theme="dark"] body.page-graduates .course-card__button-outline {
    background-color: #141414;
    color: #f3f4f6;
}

[data-theme="dark"] body.page-home .course-card__button-outline:hover,
[data-theme="dark"] body.page-graduates .course-card__button-outline:hover {
    background-color: #1f1f1f;
}

/* ----- Home: FAQ (hardcoded light colors) ----- */

[data-theme="dark"] body.page-home .faq-section__title {
    color: #f3f4f6;
}

[data-theme="dark"] body.page-home .faq-accordion {
    background-color: #171717;
    border-color: #2e2e2e;
}

[data-theme="dark"] body.page-home .faq-item {
    border-bottom-color: #2e2e2e;
}

[data-theme="dark"] body.page-home .faq-item__question {
    color: #f3f4f6;
}

[data-theme="dark"] body.page-home .faq-item.is-open .faq-item__question {
    background-color: rgba(212, 255, 0, 0.18);
}

[data-theme="dark"] body.page-home .faq-item__answer {
    color: #d1d5db;
}

[data-theme="dark"] body.page-home .faq-item__toggle {
    background-color: #d4ff00;
    color: #0a0a0a;
}

[data-theme="dark"] body.page-home .faq-item__question:hover .faq-item__toggle {
    background-color: #c4eb00;
}

/* ----- Home: pricing ----- */

[data-theme="dark"] body.page-home .pricing-card--featured {
    background-color: #141414;
    color: #f3f4f6;
    border-color: rgba(212, 255, 0, 0.35);
}

[data-theme="dark"] body.page-home .pricing-card__cta--outline {
    background-color: #141414;
    color: #f3f4f6;
}

[data-theme="dark"] body.page-home .pricing-card__cta--outline:hover {
    background-color: #1f1f1f;
}

[data-theme="dark"] body.page-home .pricing-card__ribbon {
    color: #0a0a0a;
}

/* ----- Home: testimonial slider arrows ----- */

[data-theme="dark"] body.page-home .testimonials-slider__arrow:hover:not(:disabled) {
    background-color: #d4ff00;
    color: #0a0a0a;
}

[data-theme="dark"] body.page-home .testimonials-slider__dot.is-active {
    background-color: #d4ff00;
    opacity: 1;
}

/* ----- Graduates ----- */

[data-theme="dark"] body.page-graduates .gd-card-highlight {
    background: rgba(212, 255, 0, 0.12);
    border-color: rgba(212, 255, 0, 0.25);
}

[data-theme="dark"] body.page-graduates .gd-stat-strip {
    border-bottom-color: #2e2e2e;
}

[data-theme="dark"] body.page-graduates .gd-modal-dialog {
    background: #171717;
    border-color: rgba(212, 255, 0, 0.28);
}

[data-theme="dark"] body.page-graduates .gd-modal-header {
    border-bottom-color: #2e2e2e;
}

[data-theme="dark"] body.page-graduates .gd-modal-close {
    color: #f3f4f6;
}

[data-theme="dark"] body.page-graduates .gd-modal-close:hover {
    background: #1f1f1f;
}

[data-theme="dark"] body.page-graduates .gd-modal-highlight {
    background: rgba(212, 255, 0, 0.12);
    border-color: rgba(212, 255, 0, 0.2);
}

[data-theme="dark"] body.page-graduates .gd-btn-outline {
    background: #141414;
    border-color: #404040;
    color: #f3f4f6;
}

[data-theme="dark"] body.page-graduates .gd-btn-outline:hover {
    background: #1f1f1f;
    border-color: rgba(212, 255, 0, 0.35);
}

[data-theme="dark"] body.page-graduates .gd-reel-card:hover .gd-play-btn {
    color: #0a0a0a;
}

/* ----- Tools ----- */

[data-theme="dark"] body.page-tools .tool-card__media {
    border-bottom-color: rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] body.page-tools .tool-card__placeholder {
    color: #6b7280;
}

/* ----- Login & Register (auth) ----- */

[data-theme="dark"] body.page-auth {
    background-color: #0a0a0a;
    color: #e5e7eb;
    --color-brand-lime: #d4ff00;
    --color-brand-light-lime: #c4eb00;
    --color-brand-dark: #0a0a0a;
    --color-page-background: #111111;
    --color-white: #171717;
    --color-gray-50: #141414;
    --color-gray-100: #1f1f1f;
    --color-gray-200: #2e2e2e;
    --color-gray-300: #404040;
    --color-gray-400: #9ca3af;
    --color-gray-500: #a3a3a3;
    --color-gray-600: #d1d5db;
    --color-gray-700: #e5e7eb;
    --color-gray-800: #f3f4f6;
    --border-brand: 1.5px solid rgba(212, 255, 0, 0.28);
    --shadow-card: 0 10px 30px -10px rgba(0, 0, 0, 0.55);
    --shadow-medium: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.45);
}

[data-theme="dark"] body.page-auth section.home-band--solid {
    background-color: #0a0a0a;
}

[data-theme="dark"] body.page-auth .auth-page-hero__title,
[data-theme="dark"] body.page-auth .auth-page-aside__title,
[data-theme="dark"] body.page-auth .auth-page-card__heading {
    color: #f3f4f6;
}

[data-theme="dark"] body.page-auth .auth-page-hero__accent {
    color: var(--af-lime);
    background-color: rgba(212, 255, 0, 0.22);
}

[data-theme="dark"] body.page-auth .auth-page-aside,
[data-theme="dark"] body.page-auth .auth-page-card {
    background-color: #171717;
    border-color: rgba(212, 255, 0, 0.28);
}

[data-theme="dark"] body.page-auth .auth-page-aside__badge {
    color: #0a0a0a;
    background-color: var(--af-lime);
    border-color: rgba(10, 10, 10, 0.35);
}

[data-theme="dark"] body.page-auth .auth-page-quote__item p {
    color: #e5e7eb;
}

[data-theme="dark"] body.page-auth .auth-page-proof {
    border-top-color: #2e2e2e;
}

[data-theme="dark"] body.page-auth .auth-page-proof__avatars img {
    border-color: #171717;
}

[data-theme="dark"] body.page-auth .auth-page-proof__text strong {
    color: #f3f4f6;
}

[data-theme="dark"] body.page-auth .auth-field__input {
    background-color: #141414;
    color: #f3f4f6;
    border-color: #2e2e2e;
}

[data-theme="dark"] body.page-auth .auth-field__input::placeholder {
    color: #6b7280;
}

[data-theme="dark"] body.page-auth .auth-field__input:focus {
    background-color: #1a1a1a;
    box-shadow: 0 0 0 3px rgba(212, 255, 0, 0.25);
}

[data-theme="dark"] body.page-auth .auth-field__toggle:hover {
    color: #d1d5db;
}

[data-theme="dark"] body.page-auth .auth-field__link,
[data-theme="dark"] body.page-auth .auth-check__label a,
[data-theme="dark"] body.page-auth .auth-footer-links a,
[data-theme="dark"] body.page-auth .auth-back-link:hover {
    color: var(--af-lime);
}

[data-theme="dark"] body.page-auth .auth-alert--error {
    background-color: rgba(220, 38, 38, 0.15);
    border-color: rgba(248, 113, 113, 0.35);
    color: #fecaca;
}

[data-theme="dark"] body.page-auth .auth-alert--success {
    background-color: rgba(212, 255, 0, 0.12);
    border-color: rgba(212, 255, 0, 0.35);
    color: #bbf7d0;
}

[data-theme="dark"] body.page-auth .auth-submit {
    background-color: var(--af-lime);
    color: #0a0a0a;
    border-color: rgba(10, 10, 10, 0.35);
}

[data-theme="dark"] body.page-auth .auth-submit:hover:not(:disabled) {
    background-color: #c4eb00;
}

[data-theme="dark"] body.page-auth .auth-check__input {
    accent-color: var(--af-lime);
}

/* ----- Checkout ----- */

[data-theme="dark"] body.page-checkout {
    --brand-color: #d4ff00;
    --brand-color-hover: #c4eb00;
    --bg-base: #0a0a0a;
    --bg-surface: #141414;
    --bg-glass: #171717;
    --border-subtle: #2e2e2e;
    --border-hover: rgba(212, 255, 0, 0.35);
    --text-primary: #f3f4f6;
    --text-secondary: #d1d5db;
    --text-muted: #9ca3af;
    background-color: #0a0a0a;
    color: var(--text-secondary);
}

[data-theme="dark"] body.page-checkout .co-card,
[data-theme="dark"] body.page-checkout .co-summary-card {
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.55);
}

[data-theme="dark"] body.page-checkout .co-input,
[data-theme="dark"] body.page-checkout .co-select {
    background: #141414;
    border-color: #2e2e2e;
    color: #f3f4f6;
}

[data-theme="dark"] body.page-checkout .co-input:focus,
[data-theme="dark"] body.page-checkout .co-select:focus {
    background: #1a1a1a;
    border-color: rgba(212, 255, 0, 0.5);
    box-shadow: 0 0 0 3px rgba(212, 255, 0, 0.25);
}

[data-theme="dark"] body.page-checkout .co-input::placeholder {
    color: rgba(163, 163, 163, 0.75);
}

[data-theme="dark"] body.page-checkout .co-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23d1d5db' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

[data-theme="dark"] body.page-checkout .co-select option {
    background: #171717;
    color: #f3f4f6;
}

[data-theme="dark"] body.page-checkout .co-payment-option__body {
    background: #141414;
    border-color: #2e2e2e;
}

[data-theme="dark"] body.page-checkout .co-payment-option:hover .co-payment-option__body {
    background: #1f1f1f;
}

[data-theme="dark"] body.page-checkout .co-payment-option input:checked + .co-payment-option__body {
    background: rgba(212, 255, 0, 0.18);
    border-color: rgba(212, 255, 0, 0.45);
}

[data-theme="dark"] body.page-checkout .co-payment-option input:checked + .co-payment-option__body i {
    color: #d4ff00;
}

[data-theme="dark"] body.page-checkout .co-bank-card,
[data-theme="dark"] body.page-checkout .co-selected-account {
    background: #141414;
    border-color: #2e2e2e;
}

[data-theme="dark"] body.page-checkout .co-copy-btn {
    background: #1f1f1f;
    color: #f3f4f6;
    border-color: #2e2e2e;
}

[data-theme="dark"] body.page-checkout .co-copy-btn:hover {
    background: #d4ff00;
    color: #0a0a0a;
}

[data-theme="dark"] body.page-checkout .co-step-badge {
    background: rgba(212, 255, 0, 0.25);
    color: #f3f4f6;
}

[data-theme="dark"] body.page-checkout .co-copy-value-btn,
[data-theme="dark"] body.page-checkout .co-copy-all-btn {
    border-color: #404040;
    background: #141414;
    color: #f3f4f6;
}

[data-theme="dark"] body.page-checkout .co-copy-value-btn:hover,
[data-theme="dark"] body.page-checkout .co-copy-all-btn:hover {
    background: #1f1f1f;
}

[data-theme="dark"] body.page-checkout .co-upload-zone {
    background: #141414;
}

[data-theme="dark"] body.page-checkout .co-upload-zone:hover {
    border-color: rgba(212, 255, 0, 0.45);
    background: rgba(212, 255, 0, 0.08);
}

[data-theme="dark"] body.page-checkout .co-upload-zone--drag {
    border-color: #d4ff00 !important;
    background: rgba(212, 255, 0, 0.15) !important;
}

[data-theme="dark"] body.page-checkout .co-trust {
    background: #141414;
    border-color: #2e2e2e;
}

[data-theme="dark"] body.page-checkout .co-trust-item i {
    color: #d4ff00;
}

[data-theme="dark"] body.page-checkout .co-msg--error {
    color: #fecaca;
    background: rgba(220, 38, 38, 0.15);
    border-color: rgba(248, 113, 113, 0.35);
}

[data-theme="dark"] body.page-checkout .co-msg--success {
    color: #bbf7d0;
    background: rgba(212, 255, 0, 0.12);
    border-color: rgba(212, 255, 0, 0.35);
}

[data-theme="dark"] body.page-checkout a.co-btn--outline,
[data-theme="dark"] body.page-checkout .co-btn--outline {
    background: #141414;
    color: #f3f4f6;
    border-color: rgba(212, 255, 0, 0.28);
}

[data-theme="dark"] body.page-checkout a.co-btn--outline:hover,
[data-theme="dark"] body.page-checkout .co-btn--outline:hover {
    background: #1f1f1f;
    border-color: rgba(212, 255, 0, 0.45);
}

[data-theme="dark"] body.page-checkout a.co-btn--primary,
[data-theme="dark"] body.page-checkout .co-btn--primary {
    background: var(--af-lime);
    color: #0a0a0a;
    border-color: rgba(10, 10, 10, 0.35);
}

[data-theme="dark"] body.page-checkout a.co-btn--primary:hover,
[data-theme="dark"] body.page-checkout .co-btn--primary:hover {
    background: #c4eb00;
    box-shadow: 0 8px 20px rgba(212, 255, 0, 0.25);
}

[data-theme="dark"] body.page-checkout .co-submit-btn {
    background: var(--af-lime);
    color: #0a0a0a;
}

[data-theme="dark"] body.page-checkout .co-submit-btn:hover {
    background: #c4eb00;
    box-shadow: 0 8px 20px rgba(212, 255, 0, 0.25);
}

[data-theme="dark"] body.page-checkout .co-copy-all-btn {
    border-color: rgba(212, 255, 0, 0.45);
    background: rgba(212, 255, 0, 0.12);
    color: var(--af-lime);
}

[data-theme="dark"] body.page-checkout .co-copy-all-btn:hover,
[data-theme="dark"] body.page-checkout .co-copy-value-btn:hover {
    background: rgba(212, 255, 0, 0.22);
    color: var(--af-lime);
}

[data-theme="dark"] body.page-checkout .co-bank-card__name,
[data-theme="dark"] body.page-checkout .co-bank-card__number,
[data-theme="dark"] body.page-checkout .co-sa-v,
[data-theme="dark"] body.page-checkout .co-wallet-breakdown strong {
    color: #f3f4f6;
}

[data-theme="dark"] body.page-checkout .co-summary-badge {
    border-color: #2e2e2e;
    color: #d1d5db;
}

[data-theme="dark"] body.page-checkout .co-summary__price {
    color: var(--af-lime);
}

[data-theme="dark"] body.page-checkout .co-upload-zone__icon {
    color: #9ca3af;
}

[data-theme="dark"] body.page-checkout .co-upload-zone:hover .co-upload-zone__icon {
    color: var(--af-lime);
}

[data-theme="dark"] body.page-checkout .co-proof-locked-msg {
    color: #fbbf24;
}

[data-theme="dark"] body.page-checkout .co-trust {
    background: #111111;
}

[data-theme="dark"] body.page-checkout .checkout-lms-form-scope {
    --primary: #d4ff00;
    --text-primary: #f3f4f6;
    --text-secondary: #d1d5db;
    --text-tertiary: #9ca3af;
    --text-muted: #6b7280;
    --border-primary: #2e2e2e;
    --surface-primary: #171717;
}

/* ----- Course detail ----- */

[data-theme="dark"] body.page-course-view {
    --brand-color: #d4ff00;
    --brand-color-hover: #c4eb00;
    --bg-base: #0a0a0a;
    --bg-surface: #141414;
    --bg-glass: #171717;
    --bg-muted: #1f1f1f;
    --border-subtle: #2e2e2e;
    --border-hover: rgba(212, 255, 0, 0.35);
    --text-primary: #f3f4f6;
    --text-secondary: #d1d5db;
    --text-muted: #9ca3af;
    background-color: #0a0a0a;
    color: var(--text-secondary);
}

[data-theme="dark"] body.page-course-view .cd-page {
    background-color: #0a0a0a;
}

[data-theme="dark"] body.page-course-view section.home-band--solid {
    background-color: #0a0a0a;
}

[data-theme="dark"] body.page-course-view section.home-band--soft {
    background-color: #111111;
}

[data-theme="dark"] body.page-course-view .cd-highlights-section {
    --cd-hl-card: #171717;
    --cd-hl-card-border: #2e2e2e;
    --cd-hl-icon: #d4ff00;
    --cd-hl-label: #9ca3af;
    --cd-hl-value: #f3f4f6;
}

[data-theme="dark"] body.page-course-view .cd-highlights-card:hover {
    border-color: rgba(212, 255, 0, 0.35);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45);
}

[data-theme="dark"] body.page-course-view .cd-learn-section {
    --cd-learn-card: #171717;
    --cd-learn-card-border: #2e2e2e;
    --cd-learn-green: #d4ff00;
    --cd-learn-text: #d1d5db;
}

[data-theme="dark"] body.page-course-view .cd-learn-section__heading,
[data-theme="dark"] body.page-course-view .cd-live-schedule__heading {
    color: #f3f4f6;
}

[data-theme="dark"] body.page-course-view .cd-learn-panel {
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] body.page-course-view .cd-learn-grid__accent {
    background: #d4ff00;
    box-shadow: 0 0 0 2px rgba(212, 255, 0, 0.2);
}

[data-theme="dark"] body.page-course-view .cd-learn-grid__check {
    color: #0a0a0a;
}

[data-theme="dark"] body.page-course-view .cd-live-schedule__card {
    background: linear-gradient(145deg, #171717 0%, #141414 100%);
    border-color: #2e2e2e;
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] body.page-course-view .cd-accordion__trigger:hover {
    background: #1f1f1f;
}

[data-theme="dark"] body.page-course-view .cd-accordion__item[open] .cd-accordion__trigger {
    background: rgba(212, 255, 0, 0.15);
    color: #f3f4f6;
    border-bottom-color: #2e2e2e;
}

[data-theme="dark"] body.page-course-view .cd-accordion__body {
    background: #141414;
    border-top-color: #2e2e2e;
}

[data-theme="dark"] body.page-course-view .cd-lesson-item:hover {
    background: #1f1f1f;
}

[data-theme="dark"] body.page-course-view .cd-course-hero.course-hero-banner {
    border-bottom-color: #2e2e2e;
}

[data-theme="dark"] body.page-course-view .course-hero-overlay {
    background: linear-gradient(
        to right,
        rgba(10, 10, 10, 0.96) 0%,
        rgba(10, 10, 10, 0.88) 42%,
        rgba(10, 10, 10, 0.35) 100%
    );
}

[data-theme="dark"] body.page-course-view .course-hero-pill {
    background: rgba(212, 255, 0, 0.2);
    border-color: rgba(212, 255, 0, 0.35);
}

[data-theme="dark"] body.page-course-view .course-hero-pill__text {
    color: #e5e7eb;
}

[data-theme="dark"] body.page-course-view .course-hero-title,
[data-theme="dark"] body.page-course-view .course-hero-trust__val,
[data-theme="dark"] body.page-course-view .course-hero-trust__strong,
[data-theme="dark"] body.page-course-view .course-hero-trust__ico,
[data-theme="dark"] body.page-course-view .cd-hero__seats-scarcity__text strong {
    color: #f3f4f6;
}

[data-theme="dark"] body.page-course-view .course-hero-trust__muted,
[data-theme="dark"] body.page-course-view .course-hero-trust__item,
[data-theme="dark"] body.page-course-view .cd-hero__seats-scarcity__text {
    color: #9ca3af;
}

[data-theme="dark"] body.page-course-view .cd-hero__btn--primary {
    color: #0a0a0a;
}

[data-theme="dark"] body.page-course-view .cd-hero__btn--outline {
    background: #141414;
    color: #f3f4f6;
    border-color: rgba(212, 255, 0, 0.35);
}

[data-theme="dark"] body.page-course-view .cd-hero__btn--outline:hover {
    background: #1f1f1f;
    border-color: #d4ff00;
    color: #f3f4f6;
}

[data-theme="dark"] body.page-course-view .cinematic-video-box {
    border-color: rgba(212, 255, 0, 0.28);
    box-shadow: 0 16px 40px -12px rgba(0, 0, 0, 0.55);
}

[data-theme="dark"] body.page-course-view .glass-card-lite {
    background: rgba(23, 23, 23, 0.92);
    border-color: #2e2e2e;
}

[data-theme="dark"] body.page-course-view .cinematic-video-floating-badge__title {
    color: #f3f4f6;
}

[data-theme="dark"] body.page-course-view .cinematic-video-floating-badge__sub {
    color: #d1d5db;
}

[data-theme="dark"] body.page-course-view .cd-section__eyebrow {
    color: #9ca3af;
}

[data-theme="dark"] body.page-course-view .cd-enroll-card {
    background: #171717;
    border-color: #2e2e2e;
    box-shadow: 0 12px 32px -8px rgba(0, 0, 0, 0.55);
}

[data-theme="dark"] body.page-course-view .cd-enroll-card--pre {
    background: linear-gradient(165deg, #171717 0%, #141414 55%, #111111 100%);
    border-color: rgba(212, 255, 0, 0.2);
}

[data-theme="dark"] body.page-course-view .cd-pre-enroll-details {
    border-top-color: #2e2e2e;
}

[data-theme="dark"] body.page-course-view .cd-pre-enroll-details__val {
    color: #f3f4f6;
}

[data-theme="dark"] body.page-course-view .cd-enroll-card__secure--pre {
    border-top-color: #2e2e2e;
    color: #9ca3af;
}

[data-theme="dark"] body.page-course-view .cd-pricing-glass {
    background: #171717;
    border-color: #2e2e2e;
    box-shadow: 0 16px 40px -12px rgba(0, 0, 0, 0.55);
}

[data-theme="dark"] body.page-course-view .cd-pricing-glass__head {
    border-bottom-color: #2e2e2e;
}

[data-theme="dark"] body.page-course-view .cd-pricing-glass__subnote {
    color: #9ca3af;
}

[data-theme="dark"] body.page-course-view .cd-pricing-glass__secure {
    color: #9ca3af;
}

[data-theme="dark"] body.page-course-view .cd-pricing-glass__fact i {
    color: #d4ff00;
}

[data-theme="dark"] body.page-course-view .cd-pricing-glass__cta {
    color: #0a0a0a;
}

[data-theme="dark"] body.page-course-view .cd-pricing-glass__secure--pre {
    border-top-color: #2e2e2e;
}

[data-theme="dark"] body.page-course-view .cd-instructor--list-item:nth-child(even) .cd-instructor__inner {
    background: #141414;
}

[data-theme="dark"] body.page-course-view .cd-reviews-load-more {
    border-color: #2e2e2e;
    background: #171717;
    color: #f3f4f6;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] body.page-course-view .cd-reviews-load-more:hover {
    border-color: rgba(212, 255, 0, 0.35);
    background: #1f1f1f;
}

[data-theme="dark"] body.page-course-view .cd-reviews-load-more__meta {
    color: #d1d5db;
}

[data-theme="dark"] body.page-course-view .cd-review-compose {
    background: #171717;
    border-color: #2e2e2e;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] body.page-course-view .cd-review-compose:hover {
    border-color: #404040;
}

[data-theme="dark"] body.page-course-view .cd-review-compose__head {
    border-bottom-color: #2e2e2e;
}

[data-theme="dark"] body.page-course-view .cd-review-compose__icon {
    color: #d4ff00;
    background: rgba(212, 255, 0, 0.12);
    border-color: #2e2e2e;
}

[data-theme="dark"] body.page-course-view .cd-review-compose__title {
    color: #f3f4f6;
}

[data-theme="dark"] body.page-course-view .cd-review-compose__textarea {
    color: #f3f4f6;
    background: #141414;
    border-color: #2e2e2e;
}

[data-theme="dark"] body.page-course-view .cd-review-compose__textarea:focus {
    border-color: rgba(212, 255, 0, 0.5);
    box-shadow: 0 0 0 3px rgba(212, 255, 0, 0.2);
}

[data-theme="dark"] body.page-course-view .cd-review-star-btn {
    background: #1f1f1f;
    color: #6b7280;
}

[data-theme="dark"] body.page-course-view .cd-review-star-btn:hover {
    background: #2e2e2e;
    color: #9ca3af;
}

[data-theme="dark"] body.page-course-view .cd-review-form-msg--error {
    color: #fecaca;
    background: rgba(220, 38, 38, 0.15);
    border-color: rgba(248, 113, 113, 0.35);
}

[data-theme="dark"] body.page-course-view .cd-review-form-msg--success {
    color: #bbf7d0;
    background: rgba(212, 255, 0, 0.12);
    border-color: rgba(212, 255, 0, 0.3);
}

[data-theme="dark"] body.page-course-view .cd-review-resubmit-hint {
    color: #93c5fd;
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.3);
}

/* ----- 404 ----- */

[data-theme="dark"] .error-page {
    background-color: #0a0a0a;
    color: #e5e7eb;
    padding: 4rem 0 5rem;
}

[data-theme="dark"] .error-title,
[data-theme="dark"] .error-subtitle,
[data-theme="dark"] .error-suggestions h3 {
    color: #f3f4f6;
}

[data-theme="dark"] .error-description,
[data-theme="dark"] .error-suggestions a {
    color: #d1d5db;
}

[data-theme="dark"] .error-icon {
    color: #d4ff00;
}

[data-theme="dark"] .error-actions .btn-primary {
    background: #d4ff00;
    color: #0a0a0a;
    border: 1.5px solid rgba(212, 255, 0, 0.35);
    border-radius: 9999px;
    padding: 0.75rem 1.5rem;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

[data-theme="dark"] .error-actions .btn-outline-primary {
    background: transparent;
    color: #f3f4f6;
    border: 1.5px solid #404040;
    border-radius: 9999px;
    padding: 0.75rem 1.5rem;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

[data-theme="dark"] .error-actions .btn-outline-primary:hover {
    border-color: #d4ff00;
    color: #d4ff00;
}

[data-theme="dark"] .suggestions-list a:hover {
    color: #d4ff00;
}