/* =========================================================
   ZENDOJO
   LIGHT + DARK MODE
   Scarlet Discipline
   ========================================================== */


/* =========================================================
   LIGHT MODE
   ========================================================== */

:root,
html[data-theme="light"] {

    /* Locked ZENDOJO palette */
    --color-background: #FAFAF7;
    --color-text: #111111;

    --color-surface: #FAFAF7;
    --color-surface-alt: #333333;

    --color-accent: #E53935;
    --color-accent-hover: #C92F2C;


    /* Navbar */
    --nav-background: #FAFAF7;
    --nav-border: rgba(17, 17, 17, 0.10);

    --nav-text: #111111;
    --nav-icon: #111111;


    /* Login */
    --login-text: #FAFAF7;


    /* Icon hover */
    --icon-hover: rgba(17, 17, 17, 0.055);


    /* Dropdown */
    --dropdown-background: #FAFAF7;
    --dropdown-border: rgba(17, 17, 17, 0.11);

    --dropdown-text: #333333;
    --dropdown-hover: rgba(229, 57, 53, 0.07);

    --dropdown-shadow:
        0 14px 40px rgba(17, 17, 17, 0.12);


    /* Mobile drawer */
    --drawer-background: #FAFAF7;
    --drawer-border: rgba(17, 17, 17, 0.10);

    --drawer-text: #111111;
    --drawer-subtext: #333333;

    --drawer-hover: rgba(229, 57, 53, 0.07);

    --drawer-shadow:
        12px 0 40px rgba(17, 17, 17, 0.15);
            /* Hero */
    --zd-hero-muted: #333333;
    --zd-hero-border: rgba(17, 17, 17, 0.14);
    --zd-hero-line: rgba(17, 17, 17, 0.05);
    --zd-hero-chip-bg: #FAFAF7;
    --zd-hero-card-bg: #E9E9E4;
    --zd-hero-glow: rgba(229, 57, 53, 0.20);
    --zd-hero-accent-text: #C92F2C;
    --zd-hero-btn-bg: #C92F2C;
    --zd-hero-btn-bg-hover: #A9231F;
    --zd-hero-btn-text: #FAFAF7;
    --zd-hero-ghost-border: rgba(17, 17, 17, 0.32);
    --zd-hero-belt-edge: rgba(17, 17, 17, 0.22);
    --zd-hero-shoji-line: rgba(250, 250, 247, 0.22);
    --zd-hero-door-shadow: 0 30px 60px -24px rgba(17, 17, 17, 0.35);
    /* Programs - hanging scrolls */
    --zd-sc-paper: #F4F2EB;
    --zd-sc-rod: #111111;
    --zd-sc-glow: rgba(229, 57, 53, 0.35);
    --zd-sc-shadow: 0 22px 46px rgba(17, 17, 17, 0.14);

}


/* =========================================================
   DARK MODE
   ========================================================== */

html[data-theme="dark"] {

    --color-background: #111111;
    --color-text: #FAFAF7;

    --color-surface: #111111;
    --color-surface-alt: #333333;

    --color-accent: #E53935;
    --color-accent-hover: #EF4A46;


    /* Navbar */
    --nav-background: #111111;
    --nav-border: rgba(250, 250, 247, 0.10);

    --nav-text: #FAFAF7;
    --nav-icon: #FAFAF7;


    /* Login */
    --login-text: #FAFAF7;


    /* Icon hover */
    --icon-hover: rgba(250, 250, 247, 0.07);


    /* Dropdown */
    --dropdown-background: #333333;
    --dropdown-border: rgba(250, 250, 247, 0.10);

    --dropdown-text: #FAFAF7;
    --dropdown-hover: rgba(229, 57, 53, 0.15);

    --dropdown-shadow:
        0 18px 44px rgba(0, 0, 0, 0.40);


    /* Mobile drawer */
    --drawer-background: #111111;
    --drawer-border: rgba(250, 250, 247, 0.10);

    --drawer-text: #FAFAF7;
    --drawer-subtext: #D8D8D4;

    --drawer-hover: rgba(229, 57, 53, 0.14);

    --drawer-shadow:
        12px 0 40px rgba(0, 0, 0, 0.45);

        /* Hero */
    --zd-hero-muted: #D8D8D4;
    --zd-hero-border: rgba(250, 250, 247, 0.16);
    --zd-hero-line: rgba(250, 250, 247, 0.05);
    --zd-hero-chip-bg: #1C1C1C;
    --zd-hero-card-bg: #1C1C1C;
    --zd-hero-glow: rgba(229, 57, 53, 0.30);
    --zd-hero-accent-text: #F2605C;
    --zd-hero-btn-bg: #EF4A46;
    --zd-hero-btn-bg-hover: #FF6B67;
    --zd-hero-btn-text: #111111;
    --zd-hero-ghost-border: rgba(250, 250, 247, 0.36);
    --zd-hero-belt-edge: rgba(250, 250, 247, 0.34);
    --zd-hero-shoji-line: rgba(17, 17, 17, 0.22);
    --zd-hero-door-shadow: 0 30px 60px -24px rgba(0, 0, 0, 0.7);

    /* Programs - hanging scrolls */
    --zd-sc-paper: #1D1D1D;
    --zd-sc-rod: #D8D8D4;
    --zd-sc-glow: rgba(229, 57, 53, 0.50);
    --zd-sc-shadow: 0 22px 46px rgba(0, 0, 0, 0.55);

}


/* =========================================================
   THEME ICON SWITCH
   ========================================================== */

html[data-theme="light"] .icon-moon {
    display: block;
}

html[data-theme="light"] .icon-sun {
    display: none;
}


html[data-theme="dark"] .icon-moon {
    display: none;
}

html[data-theme="dark"] .icon-sun {
    display: block;
}


/* =========================================================
   DARK MODE BODY
   ========================================================== */

html[data-theme="dark"] body {
    background: #111111;
    color: #FAFAF7;
}


/* =========================================================
   DARK MODE SELECTION
   ========================================================== */

html[data-theme="dark"] ::selection {
    color: #FAFAF7;
    background: #E53935;
}


/* =========================================================
   LIGHT MODE SELECTION
   ========================================================== */

html[data-theme="light"] ::selection {
    color: #FAFAF7;
    background: #E53935;
}

/* =========================================================
   PILLARS SECTION: LIGHT TOKENS
   ========================================================= */
:root,
html[data-theme="light"] {
    --pl-bg: #FAFAF7;
    --pl-text: #111111;
    --pl-text-soft: #333333;

    --pl-card: #FFFFFF;
    --pl-card-border: rgba(17, 17, 17, 0.12);
    --pl-shadow: 0 18px 40px rgba(17, 17, 17, 0.12);
    --pl-photo-bg: #E6E4DC;

    --pl-accent-text: #C92F2C;
    --pl-mark: rgba(229, 57, 53, 0.28);

    --pl-pill-bg: #111111;
    --pl-pill-text: #FAFAF7;

    --pl-chip-bg: rgba(17, 17, 17, 0.06);
    --pl-chip-text: #111111;
    --pl-chip-border: rgba(17, 17, 17, 0.14);

    --pl-meter-track: rgba(17, 17, 17, 0.12);

    --pl-ticker-bg: #111111;
    --pl-ticker-text: #FAFAF7;
    --pl-ticker-star: #FF6B66;

    --pl-band-bg: #111111;
    --pl-band-text: #FAFAF7;
    --pl-band-soft: #D8D8D4;
    --pl-band-accent: #FF6B66;
    --pl-band-line: rgba(250, 250, 247, 0.18);

    --pl-btn-bg: #C92F2C;
    --pl-btn-hover: #A82522;
    --pl-btn-text: #FFFFFF;
}

/* =========================================================
   PILLARS SECTION: DARK TOKENS
   ========================================================= */
html[data-theme="dark"] {
    --pl-bg: #111111;
    --pl-text: #FAFAF7;
    --pl-text-soft: #D8D8D4;

    --pl-card: #1A1A1A;
    --pl-card-border: rgba(250, 250, 247, 0.14);
    --pl-shadow: 0 18px 40px rgba(0, 0, 0, 0.5);
    --pl-photo-bg: #2A2A2A;

    --pl-accent-text: #FF6B66;
    --pl-mark: rgba(229, 57, 53, 0.45);

    --pl-pill-bg: #FAFAF7;
    --pl-pill-text: #111111;

    --pl-chip-bg: rgba(250, 250, 247, 0.08);
    --pl-chip-text: #FAFAF7;
    --pl-chip-border: rgba(250, 250, 247, 0.18);

    --pl-meter-track: rgba(250, 250, 247, 0.16);

    --pl-ticker-bg: #FAFAF7;
    --pl-ticker-text: #111111;
    --pl-ticker-star: #C92F2C;

    --pl-band-bg: #FAFAF7;
    --pl-band-text: #111111;
    --pl-band-soft: #333333;
    --pl-band-accent: #C92F2C;
    --pl-band-line: rgba(17, 17, 17, 0.16);

    --pl-btn-bg: #C92F2C;
    --pl-btn-hover: #E53935;
    --pl-btn-text: #FFFFFF;
}

/* =========================================================
   ZENDOJO — DARK MODE
   Belt Journey
========================================================= */

html.dark-mode .belt-journey,
body.dark-mode .belt-journey {
    background: #111111;
    color: #FAFAF7;
}

html.dark-mode .belt-journey__title,
body.dark-mode .belt-journey__title {
    color: #FAFAF7;
}

html.dark-mode .belt-journey__description,
body.dark-mode .belt-journey__description {
    color: #E5E5E5;
}

html.dark-mode .belt-journey__line,
body.dark-mode .belt-journey__line {
    background: rgba(250, 250, 247, 0.14);
}

html.dark-mode .belt-step__content,
body.dark-mode .belt-step__content {
    background: #333333;
    border-color: rgba(250, 250, 247, 0.12);
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.25);
}

html.dark-mode .belt-step__content:hover,
body.dark-mode .belt-step__content:hover {
    border-color: #E53935;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.35);
}

html.dark-mode .belt-step__info h3,
body.dark-mode .belt-step__info h3 {
    color: #FAFAF7;
}

html.dark-mode .belt-step__info p,
body.dark-mode .belt-step__info p {
    color: #E5E5E5;
}

html.dark-mode .belt-step__number,
body.dark-mode .belt-step__number {
    color: #BDBDBD;
}

html.dark-mode .belt-step__skills span,
body.dark-mode .belt-step__skills span {
    background: #111111;
    border-color: rgba(250, 250, 247, 0.15);
    color: #FAFAF7;
}

html.dark-mode .belt-step::before,
body.dark-mode .belt-step::before {
    background: #333333;
}

html.dark-mode .belt-step.is-visible::before,
body.dark-mode .belt-step.is-visible::before {
    background: #E53935;
}

html.dark-mode .belt-journey__closing-line,
body.dark-mode .belt-journey__closing-line {
    background: rgba(250, 250, 247, 0.16);
}

html.dark-mode .belt-journey__closing p,
body.dark-mode .belt-journey__closing p {
    color: #E5E5E5;
}

/* =========================================================
   PARENT PORTAL SECTION: LIGHT TOKENS
   ========================================================= */
:root,
html[data-theme="light"] {
    --pp-bg: #F1EFE8;
    --pp-text: #111111;
    --pp-text-soft: #333333;

    --pp-card: #FFFFFF;
    --pp-tile: #F4F2EB;
    --pp-line: rgba(17, 17, 17, 0.12);
    --pp-line-strong: rgba(17, 17, 17, 0.28);
    --pp-device-border: #111111;
    --pp-shadow: 0 24px 50px rgba(17, 17, 17, 0.16);

    --pp-accent-text: #C92F2C;
    --pp-mark: rgba(229, 57, 53, 0.28);
    --pp-focus: #C92F2C;

    --pp-tab-bg: rgba(255, 255, 255, 0.6);
    --pp-tab-active-bg: #111111;
    --pp-tab-active-text: #FAFAF7;
    --pp-tab-active-soft: #D8D8D4;
    --pp-line-fill: #FF6B66;

    --pp-meter-track: rgba(17, 17, 17, 0.12);

    --pp-sel-bg: rgba(229, 57, 53, 0.08);
    --pp-sel-border: #C92F2C;
    --pp-check-mark: #FFFFFF;
    --pp-pill-bg: #111111;
    --pp-pill-text: #FAFAF7;

    --pp-chip-bg: #111111;
    --pp-chip-text: #FAFAF7;
    --pp-chip2-bg: #C92F2C;
    --pp-chip2-text: #FFFFFF;

    --pp-btn-bg: #C92F2C;
    --pp-btn-hover: #A82522;
    --pp-btn-text: #FFFFFF;
    --pp-ghost-border: rgba(17, 17, 17, 0.35);

    --pp-ok: #1B6B2F;

    --pp-day-off: #6B6B66;
    --pp-day-avail-bg: rgba(229, 57, 53, 0.14);
    --pp-day-avail-text: #111111;
    --pp-day-on-bg: #111111;
    --pp-day-on-text: #FAFAF7;
}

/* =========================================================
   PARENT PORTAL SECTION: DARK TOKENS
   ========================================================= */
html[data-theme="dark"] {
    --pp-bg: #161616;
    --pp-text: #FAFAF7;
    --pp-text-soft: #D8D8D4;

    --pp-card: #1E1E1E;
    --pp-tile: #262626;
    --pp-line: rgba(250, 250, 247, 0.14);
    --pp-line-strong: rgba(250, 250, 247, 0.30);
    --pp-device-border: rgba(250, 250, 247, 0.55);
    --pp-shadow: 0 24px 50px rgba(0, 0, 0, 0.55);

    --pp-accent-text: #FF6B66;
    --pp-mark: rgba(229, 57, 53, 0.45);
    --pp-focus: #FF6B66;

    --pp-tab-bg: rgba(250, 250, 247, 0.04);
    --pp-tab-active-bg: #FAFAF7;
    --pp-tab-active-text: #111111;
    --pp-tab-active-soft: #333333;
    --pp-line-fill: #C92F2C;

    --pp-meter-track: rgba(250, 250, 247, 0.16);

    --pp-sel-bg: rgba(229, 57, 53, 0.18);
    --pp-sel-border: #FF6B66;
    --pp-check-mark: #111111;
    --pp-pill-bg: #FAFAF7;
    --pp-pill-text: #111111;

    --pp-chip-bg: #FAFAF7;
    --pp-chip-text: #111111;
    --pp-chip2-bg: #C92F2C;
    --pp-chip2-text: #FFFFFF;

    --pp-btn-bg: #C92F2C;
    --pp-btn-hover: #A82522;
    --pp-btn-text: #FFFFFF;
    --pp-ghost-border: rgba(250, 250, 247, 0.40);

    --pp-ok: #7BDC96;

    --pp-day-off: #A8A8A2;
    --pp-day-avail-bg: rgba(229, 57, 53, 0.28);
    --pp-day-avail-text: #FAFAF7;
    --pp-day-on-bg: #FAFAF7;
    --pp-day-on-text: #111111;
}

/* =========================================================
   ZENDOJO TRANSFORMATION SECTION
   DARK MODE
   ========================================================= */

html[data-theme="dark"] .zj-transform {
    --zj-black: #111111;
    --zj-graphite: #333333;
    --zj-red: #E53935;
    --zj-white: #FAFAF7;

    background: #111111;
    color: #FAFAF7;
}


/* =========================================================
   INTRO
   ========================================================= */

html[data-theme="dark"] .zj-transform__intro {
    background: #111111;
    color: #FAFAF7;
}

html[data-theme="dark"] .zj-transform__title {
    color: #FAFAF7;
}

html[data-theme="dark"] .zj-transform__lead {
    color: #FAFAF7;
    opacity: .8;
}

html[data-theme="dark"] .zj-transform__hero-image {
    opacity: .9;
    filter: grayscale(100%) contrast(1.15);
}


/* =========================================================
   PANELS
   ========================================================= */

html[data-theme="dark"] .zj-transform__panel--light {
    background: #111111;
    color: #FAFAF7;
}

html[data-theme="dark"] .zj-transform__panel--dark {
    background: #333333;
    color: #FAFAF7;
}


/* =========================================================
   CONTENT
   ========================================================= */

html[data-theme="dark"] .zj-transform__panel--light .zj-transform__copy h3,
html[data-theme="dark"] .zj-transform__panel--dark .zj-transform__copy h3 {
    color: #FAFAF7;
}

html[data-theme="dark"] .zj-transform__panel--light .zj-transform__copy p,
html[data-theme="dark"] .zj-transform__panel--dark .zj-transform__copy p {
    color: #FAFAF7;
    opacity: .75;
}

html[data-theme="dark"] .zj-transform__panel--light .zj-transform__learn,
html[data-theme="dark"] .zj-transform__panel--dark .zj-transform__learn {
    color: #FAFAF7;
}


/* =========================================================
   IMAGE PANELS
   ========================================================= */

html[data-theme="dark"] .zj-transform__media img {
    filter: grayscale(35%) contrast(1.1);
}

html[data-theme="dark"] .zj-transform__panel:hover .zj-transform__media img {
    filter: grayscale(0%) contrast(1.12);
}


/* =========================================================
   ICONS
   ========================================================= */

html[data-theme="dark"] .zj-transform__icon {
    border-color: rgba(229, 57, 53, .45);
    background: #111111;
    color: #E53935;
}


/* =========================================================
   CLOSING
   ========================================================= */

html[data-theme="dark"] .zj-transform__closing {
    background: #333333;
    color: #FAFAF7;
}

html[data-theme="dark"] .zj-transform__closing-copy h3 {
    color: #FAFAF7;
}

html[data-theme="dark"] .zj-transform__closing-note {
    color: #FAFAF7;
}

html[data-theme="dark"] .zj-transform__closing-count span {
    color: #FAFAF7;
}

/* =========================================================
   ZENDOJO
   CONFIDENCE IN ACTION
   LIGHT / DARK THEME TOKENS
========================================================== */


/* =========================================================
   LIGHT MODE
========================================================== */

:root,
html[data-theme="light"] {

    --zd-confidence-bg: #FAFAF7;

    --zd-confidence-text: #111111;

    --zd-confidence-title: #FAFAF7;

    --zd-confidence-body: #F0F0EC;

    --zd-confidence-muted: rgba(
        250,
        250,
        247,
        .72
    );

    --zd-confidence-accent: #E53935;

    --zd-confidence-on-accent: #FAFAF7;

    --zd-confidence-border: rgba(
        250,
        250,
        247,
        .20
    );

    --zd-confidence-backdrop-center:
        rgba(229, 57, 53, .08);

    --zd-confidence-image-base:
        #333333;
}


/* =========================================================
   DARK MODE
========================================================== */

html[data-theme="dark"] {

    --zd-confidence-bg: #111111;

    --zd-confidence-text: #FAFAF7;

    --zd-confidence-title: #FAFAF7;

    --zd-confidence-body: #F1F1EC;

    --zd-confidence-muted: rgba(
        250,
        250,
        247,
        .72
    );

    --zd-confidence-accent: #E53935;

    --zd-confidence-on-accent: #FAFAF7;

    --zd-confidence-border: rgba(
        250,
        250,
        247,
        .20
    );

    --zd-confidence-backdrop-center:
        rgba(229, 57, 53, .10);

    --zd-confidence-image-base:
        #333333;
}


/* =========================================================
   DARK MODE IMAGE TREATMENT
========================================================== */

html[data-theme="dark"] .zd-confidence__main-image {
    filter:
        grayscale(.12)
        contrast(1.12)
        brightness(.82);
}


html[data-theme="dark"] .zd-confidence__support img {
    filter:
        grayscale(.18)
        contrast(1.12)
        brightness(.82);
}


/* =========================================================
   GRAND DOJO ARENA: LIGHT THEME TOKENS
   ========================================================= */
:root,
html[data-theme="light"] {
    --arena-bg: #FAFAF7;
    --arena-text: #111111;
    --arena-text-soft: #333333;
    --arena-text-muted: #666666;
    --arena-card: #FFFFFF;
    --arena-card-border: rgba(17, 17, 17, 0.12);
    --arena-card-hover-border: rgba(229, 57, 53, 0.40);
    --arena-shadow: 0 16px 36px rgba(17, 17, 17, 0.08);
    --arena-shadow-hover: 0 24px 50px rgba(229, 57, 53, 0.16);
    --arena-accent-text: #C92F2C;
    --arena-mark: rgba(229, 57, 53, 0.28);
    --arena-pill-bg: #111111;
    --arena-pill-text: #FAFAF7;
    --arena-chip-bg: rgba(17, 17, 17, 0.06);
    --arena-chip-text: #111111;
    --arena-chip-border: rgba(17, 17, 17, 0.14);
    --arena-meter-track: rgba(17, 17, 17, 0.12);
    --arena-meter-fill: #E53935;
    --arena-btn-bg: #C92F2C;
    --arena-btn-hover: #A82522;
    --arena-btn-text: #FFFFFF;
    --arena-glow: rgba(229, 57, 53, 0.15);
    --arena-tag-bg: rgba(229, 57, 53, 0.10);
    --arena-tag-text: #C92F2C;
    --arena-beacon-bg: #10B981;
}

/* =========================================================
   GRAND DOJO ARENA: DARK THEME TOKENS
   ========================================================= */
html[data-theme="dark"] {
    --arena-bg: #111111;
    --arena-text: #FAFAF7;
    --arena-text-soft: #D8D8D4;
    --arena-text-muted: #999999;
    --arena-card: #1A1A1A;
    --arena-card-border: rgba(250, 250, 247, 0.14);
    --arena-card-hover-border: rgba(255, 107, 102, 0.50);
    --arena-shadow: 0 18px 44px rgba(0, 0, 0, 0.55);
    --arena-shadow-hover: 0 24px 52px rgba(229, 57, 53, 0.28);
    --arena-accent-text: #FF6B66;
    --arena-mark: rgba(229, 57, 53, 0.45);
    --arena-pill-bg: #FAFAF7;
    --arena-pill-text: #111111;
    --arena-chip-bg: rgba(250, 250, 247, 0.08);
    --arena-chip-text: #FAFAF7;
    --arena-chip-border: rgba(250, 250, 247, 0.18);
    --arena-meter-track: rgba(250, 250, 247, 0.16);
    --arena-meter-fill: #FF6B66;
    --arena-btn-bg: #E53935;
    --arena-btn-hover: #FF5252;
    --arena-btn-text: #FFFFFF;
    --arena-glow: rgba(229, 57, 53, 0.25);
    --arena-tag-bg: rgba(229, 57, 53, 0.20);
    --arena-tag-text: #FF8580;
    --arena-beacon-bg: #34D399;
}

html[data-theme="dark"] .zd-arena__spotlight-img,
html[data-theme="dark"] .zd-arena__matrix-thumb img {
    filter: grayscale(0.10) contrast(1.10) brightness(0.88);
}


/* =========================================================
   GRAND DOJO ARENA: LIGHT THEME TOKENS
   ========================================================= */
:root,
html[data-theme="light"] {
    --arena-bg: #FAFAF7;
    --arena-text: #111111;
    --arena-text-soft: #333333;
    --arena-text-muted: #666666;
    --arena-card: #FFFFFF;
    --arena-card-border: rgba(17, 17, 17, 0.12);
    --arena-card-hover-border: rgba(229, 57, 53, 0.40);
    --arena-shadow: 0 16px 36px rgba(17, 17, 17, 0.08);
    --arena-shadow-hover: 0 24px 50px rgba(229, 57, 53, 0.16);
    --arena-accent-text: #C92F2C;
    --arena-mark: rgba(229, 57, 53, 0.28);
    --arena-pill-bg: #111111;
    --arena-pill-text: #FAFAF7;
    --arena-chip-bg: rgba(17, 17, 17, 0.06);
    --arena-chip-text: #111111;
    --arena-chip-border: rgba(17, 17, 17, 0.14);
    --arena-meter-track: rgba(17, 17, 17, 0.12);
    --arena-meter-fill: #E53935;
    --arena-btn-bg: #C92F2C;
    --arena-btn-hover: #A82522;
    --arena-btn-text: #FFFFFF;
    --arena-glow: rgba(229, 57, 53, 0.15);
    --arena-tag-bg: rgba(229, 57, 53, 0.10);
    --arena-tag-text: #C92F2C;
    --arena-beacon-bg: #10B981;
}

/* =========================================================
   GRAND DOJO ARENA: DARK THEME TOKENS
   ========================================================= */
html[data-theme="dark"] {
    --arena-bg: #111111;
    --arena-text: #FAFAF7;
    --arena-text-soft: #D8D8D4;
    --arena-text-muted: #999999;
    --arena-card: #1A1A1A;
    --arena-card-border: rgba(250, 250, 247, 0.14);
    --arena-card-hover-border: rgba(255, 107, 102, 0.50);
    --arena-shadow: 0 18px 44px rgba(0, 0, 0, 0.55);
    --arena-shadow-hover: 0 24px 52px rgba(229, 57, 53, 0.28);
    --arena-accent-text: #FF6B66;
    --arena-mark: rgba(229, 57, 53, 0.45);
    --arena-pill-bg: #FAFAF7;
    --arena-pill-text: #111111;
    --arena-chip-bg: rgba(250, 250, 247, 0.08);
    --arena-chip-text: #FAFAF7;
    --arena-chip-border: rgba(250, 250, 247, 0.18);
    --arena-meter-track: rgba(250, 250, 247, 0.16);
    --arena-meter-fill: #FF6B66;
    --arena-btn-bg: #E53935;
    --arena-btn-hover: #FF5252;
    --arena-btn-text: #FFFFFF;
    --arena-glow: rgba(229, 57, 53, 0.25);
    --arena-tag-bg: rgba(229, 57, 53, 0.20);
    --arena-tag-text: #FF8580;
    --arena-beacon-bg: #34D399;
}

html[data-theme="dark"] .zd-arena__spotlight-img,
html[data-theme="dark"] .zd-arena__matrix-thumb img {
    filter: grayscale(0.10) contrast(1.10) brightness(0.88);
}
/* =========================================================
   ZENDOJO — NEXT LEVEL CTA
   Dark Mode
   ========================================================= */

body.dark-mode .zd-next-level,
html.dark .zd-next-level,
[data-theme="dark"] .zd-next-level {

    --zdn-bg: #111111;
    --zdn-surface: #111111;
    --zdn-surface-soft: #333333;

    --zdn-text: #fafaf7;
    --zdn-text-light: #fafaf7;

    --zdn-text-muted: rgba(250, 250, 247, 0.72);

    --zdn-accent: #e53935;
    --zdn-accent-dark: #c92f2c;

    --zdn-border: rgba(250, 250, 247, 0.16);

    background: #111111;
}


/* Keep container strong in dark mode */

body.dark-mode .zd-next-level__container,
html.dark .zd-next-level__container,
[data-theme="dark"] .zd-next-level__container {

    background:
        linear-gradient(
            135deg,
            #111111 0%,
            #111111 58%,
            #333333 100%
        );

    border-color: rgba(250, 250, 247, 0.08);
}


/* Stronger image treatment */

body.dark-mode .zd-next-level__visual,
html.dark .zd-next-level__visual,
[data-theme="dark"] .zd-next-level__visual {

    opacity: 0.25;
}


body.dark-mode .zd-next-level__visual-mask,
html.dark .zd-next-level__visual-mask,
[data-theme="dark"] .zd-next-level__visual-mask {

    background:
        linear-gradient(
            90deg,
            #111111 0%,
            rgba(17, 17, 17, 0.94) 25%,
            rgba(17, 17, 17, 0.42) 70%,
            rgba(229, 57, 53, 0.25) 100%
        );
}


/* Text remains fully visible */

body.dark-mode .zd-next-level__title,
html.dark .zd-next-level__title,
[data-theme="dark"] .zd-next-level__title {

    color: #fafaf7;
}


body.dark-mode .zd-next-level__lead,
html.dark .zd-next-level__lead,
[data-theme="dark"] .zd-next-level__lead {

    color: #fafaf7;
}


body.dark-mode .zd-next-level__description,
html.dark .zd-next-level__description,
[data-theme="dark"] .zd-next-level__description {

    color: rgba(250, 250, 247, 0.76);
}


body.dark-mode .zd-next-level__pillar-content h3,
html.dark .zd-next-level__pillar-content h3,
[data-theme="dark"] .zd-next-level__pillar-content h3 {

    color: #fafaf7;
}


body.dark-mode .zd-next-level__pillar-content p,
html.dark .zd-next-level__pillar-content p,
[data-theme="dark"] .zd-next-level__pillar-content p {

    color: rgba(250, 250, 247, 0.68);
}


/* Button */

body.dark-mode .zd-next-level__button,
html.dark .zd-next-level__button,
[data-theme="dark"] .zd-next-level__button {

    background: #e53935;
    border-color: #e53935;
    color: #fafaf7;
}


body.dark-mode .zd-next-level__button:hover,
html.dark .zd-next-level__button:hover,
[data-theme="dark"] .zd-next-level__button:hover {

    background: #c92f2c;
    border-color: #c92f2c;
}


/* Bottom statement */

body.dark-mode .zd-next-level__bottom p,
html.dark .zd-next-level__bottom p,
[data-theme="dark"] .zd-next-level__bottom p {

    color: rgba(250, 250, 247, 0.65);
}


/* Mobile image */

@media (max-width: 767px) {

    body.dark-mode .zd-next-level__visual-mask,
    html.dark .zd-next-level__visual-mask,
    [data-theme="dark"] .zd-next-level__visual-mask {

        background:
            linear-gradient(
                180deg,
                #111111 0%,
                rgba(17, 17, 17, 0.84) 40%,
                rgba(17, 17, 17, 0.45) 100%
            );
    }
}

/* =========================================================
   HOME 2 HERO (dark mode)
   ========================================================= */
html[data-theme="dark"] .zh{
    --zh-mute:rgba(250,250,247,.72);
    --zh-card:rgba(30,30,30,.82);
    --zh-line:rgba(250,250,247,.14);
    --zh-tint:rgba(229,57,53,.22);
    --zh-red-text:#FF7B76;
}
html[data-theme="dark"] .zh-photo,
html[data-theme="dark"] .zh-avatars img,
html[data-theme="dark"] .zh-avatars span,
html[data-theme="dark"] .zh-belt{border-color:#111111}
html[data-theme="dark"] .zh-card{box-shadow:0 18px 40px -18px rgba(0,0,0,.85)}
html[data-theme="dark"] .zh-btn--g:hover{border-color:#FF7B76}
html[data-theme="dark"] .zh-marquee{background:#FAFAF7;color:#111111}
html[data-theme="dark"] .zh-play{background:#FAFAF7;color:#111111}

/* =========================================================
   ZENDOJO — FOOTER
   Dark Mode Overrides
   ========================================================= */

body.dark-mode .zd-footer,
html.dark .zd-footer,
[data-theme="dark"] .zd-footer {

    background: #111111;
}


body.dark-mode .zd-footer__shell,
html.dark .zd-footer__shell,
[data-theme="dark"] .zd-footer__shell {

    background:
        linear-gradient(
            135deg,
            #111111 0%,
            #111111 58%,
            #333333 100%
        );

    color: #fafaf7;
}


/* =========================================================
   LOGO
   ========================================================= */

body.dark-mode .zd-footer__logo-dark,
html.dark .zd-footer__logo-dark,
[data-theme="dark"] .zd-footer__logo-dark {

    fill: #fafaf7;
}


body.dark-mode .zd-footer__logo-red,
html.dark .zd-footer__logo-red,
[data-theme="dark"] .zd-footer__logo-red {

    fill: #e53935;
}


/* =========================================================
   MAIN TEXT
   ========================================================= */

body.dark-mode .zd-footer__brand-tagline,
html.dark .zd-footer__brand-tagline,
[data-theme="dark"] .zd-footer__brand-tagline,

body.dark-mode .zd-footer__column-title,
html.dark .zd-footer__column-title,
[data-theme="dark"] .zd-footer__column-title,

body.dark-mode .zd-footer__newsletter-title,
html.dark .zd-footer__newsletter-title,
[data-theme="dark"] .zd-footer__newsletter-title {

    color: #fafaf7;
}


/* =========================================================
   BODY / MUTED TEXT
   ========================================================= */

body.dark-mode .zd-footer__brand-description,
html.dark .zd-footer__brand-description,
[data-theme="dark"] .zd-footer__brand-description,

body.dark-mode .zd-footer__link-group a,
html.dark .zd-footer__link-group a,
[data-theme="dark"] .zd-footer__link-group a,

body.dark-mode .zd-footer__contact-copy strong,
html.dark .zd-footer__contact-copy strong,
[data-theme="dark"] .zd-footer__contact-copy strong,

body.dark-mode .zd-footer__support-list a,
html.dark .zd-footer__support-list a,
[data-theme="dark"] .zd-footer__support-list a {

    color: rgba(250, 250, 247, 0.76);
}


body.dark-mode .zd-footer__newsletter-description,
html.dark .zd-footer__newsletter-description,
[data-theme="dark"] .zd-footer__newsletter-description {

    color: rgba(250, 250, 247, 0.76);
}


/* =========================================================
   INPUT
   ========================================================= */

body.dark-mode .zd-footer__newsletter-field,
html.dark .zd-footer__newsletter-field,
[data-theme="dark"] .zd-footer__newsletter-field {

    background: #111111;

    border-color:
        rgba(250, 250, 247, 0.22);
}


body.dark-mode .zd-footer__newsletter-field input,
html.dark .zd-footer__newsletter-field input,
[data-theme="dark"] .zd-footer__newsletter-field input {

    color: #fafaf7;
}


body.dark-mode .zd-footer__newsletter-field input::placeholder,
html.dark .zd-footer__newsletter-field input::placeholder,
[data-theme="dark"] .zd-footer__newsletter-field input::placeholder {

    color: rgba(250, 250, 247, 0.5);
}


/* =========================================================
   CONTACT ICONS
   ========================================================= */

body.dark-mode .zd-footer__contact-icon,
html.dark .zd-footer__contact-icon,
[data-theme="dark"] .zd-footer__contact-icon {

    background: rgba(51, 51, 51, 0.7);

    border-color:
        rgba(250, 250, 247, 0.15);

    color: rgba(250, 250, 247, 0.78);
}


/* =========================================================
   NEWSLETTER
   ========================================================= */

body.dark-mode .zd-footer__newsletter,
html.dark .zd-footer__newsletter,
[data-theme="dark"] .zd-footer__newsletter {

    background:
        linear-gradient(
            135deg,
            rgba(51, 51, 51, 0.82),
            rgba(17, 17, 17, 0.82)
        );

    border-color:
        rgba(250, 250, 247, 0.2);
}


/* =========================================================
   LIGHT MODE SAFETY
   ========================================================= */

body:not(.dark-mode) .zd-footer,
html:not(.dark) .zd-footer {

    color: #fafaf7;
}


body:not(.dark-mode) .zd-footer__shell,
html:not(.dark) .zd-footer__shell {

    background:
        linear-gradient(
            135deg,
            #111111 0%,
            #111111 58%,
            #333333 100%
        );
}


/* =========================================================
   DARK MODE MOBILE
   ========================================================= */

@media (max-width: 767px) {

    body.dark-mode .zd-footer__newsletter-field input,
    html.dark .zd-footer__newsletter-field input,
    [data-theme="dark"] .zd-footer__newsletter-field input {

        background: #111111;

        border-color:
            rgba(250, 250, 247, 0.2);
    }
}


/* =========================================================
   HOME2 CINEMA MULTI-FRAME SECTION: LIGHT THEME TOKENS
   ========================================================= */
:root,
html[data-theme="light"] {
    --zh2-cinema-bg: #FAFAF7;
    --zh2-cinema-text: #111111;
    --zh2-cinema-text-soft: #333333;
    --zh2-cinema-text-muted: #666666;
    --zh2-cinema-card: #FFFFFF;
    --zh2-cinema-card-border: rgba(17, 17, 17, 0.12);
    --zh2-cinema-card-hover-border: rgba(229, 57, 53, 0.40);
    --zh2-cinema-shadow: 0 20px 48px rgba(17, 17, 17, 0.12);
    --zh2-cinema-accent: #E53935;
    --zh2-cinema-accent-neon: #D4FF00;
    --zh2-cinema-badge-bg: rgba(17, 17, 17, 0.85);
    --zh2-cinema-badge-text: #FAFAF7;
    --zh2-cinema-pill-bg: #111111;
    --zh2-cinema-pill-text: #FAFAF7;
    --zh2-cinema-timeline-track: rgba(250, 250, 247, 0.25);
    --zh2-cinema-timeline-fill: #E53935;
}

/* =========================================================
   HOME2 CINEMA MULTI-FRAME SECTION: DARK THEME TOKENS
   ========================================================= */
html[data-theme="dark"] {
    --zh2-cinema-bg: #111111;
    --zh2-cinema-text: #FAFAF7;
    --zh2-cinema-text-soft: #D8D8D4;
    --zh2-cinema-text-muted: #888888;
    --zh2-cinema-card: #1A1A1A;
    --zh2-cinema-card-border: rgba(250, 250, 247, 0.14);
    --zh2-cinema-card-hover-border: rgba(255, 107, 102, 0.50);
    --zh2-cinema-shadow: 0 24px 56px rgba(0, 0, 0, 0.65);
    --zh2-cinema-accent: #E53935;
    --zh2-cinema-accent-neon: #D4FF00;
    --zh2-cinema-badge-bg: rgba(26, 26, 26, 0.90);
    --zh2-cinema-badge-text: #FAFAF7;
    --zh2-cinema-pill-bg: #FAFAF7;
    --zh2-cinema-pill-text: #111111;
    --zh2-cinema-timeline-track: rgba(250, 250, 247, 0.20);
    --zh2-cinema-timeline-fill: #FF6B66;
}

html[data-theme="dark"] .zh2-cinema__side-img {
    filter: grayscale(0.10) contrast(1.10) brightness(0.88);
}



/* =========================================================
   ZENDOJO — THE MINDSET SHIFT
   DARK MODE
   ========================================================= */

html.dark-mode .zd-mindset-shift,
body.dark-mode .zd-mindset-shift,
[data-theme="dark"] .zd-mindset-shift {

    --zd-ms-black: #111111;
    --zd-ms-graphite: #333333;
    --zd-ms-red: #E53935;
    --zd-ms-white: #FAFAF7;

    background: #111111;
    color: #FAFAF7;
}


/* =========================================================
   DARK TITLE / INTRO
   ========================================================= */

html.dark-mode .zd-mindset-shift__title,
body.dark-mode .zd-mindset-shift__title,
[data-theme="dark"] .zd-mindset-shift__title {
    color: #FAFAF7;
}


html.dark-mode .zd-mindset-shift__intro,
body.dark-mode .zd-mindset-shift__intro,
[data-theme="dark"] .zd-mindset-shift__intro {
    color: rgba(250, 250, 247, 0.78);
}


html.dark-mode .zd-mindset-shift__counter,
body.dark-mode .zd-mindset-shift__counter,
[data-theme="dark"] .zd-mindset-shift__counter {
    color: rgba(250, 250, 247, 0.7);
}


/* =========================================================
   DARK STAGE
   ========================================================= */

html.dark-mode .zd-mindset-shift__stage,
body.dark-mode .zd-mindset-shift__stage,
[data-theme="dark"] .zd-mindset-shift__stage {
    background: #333333;
}


html.dark-mode .zd-mindset-shift__content,
body.dark-mode .zd-mindset-shift__content,
[data-theme="dark"] .zd-mindset-shift__content {
    background: #333333;
    color: #FAFAF7;
}


/* =========================================================
   DARK IMAGE
   ========================================================= */

html.dark-mode .zd-mindset-shift__visual::after,
body.dark-mode .zd-mindset-shift__visual::after,
[data-theme="dark"] .zd-mindset-shift__visual::after {
    background:
        linear-gradient(
            90deg,
            rgba(17, 17, 17, 0.18) 0%,
            rgba(17, 17, 17, 0.22) 50%,
            rgba(17, 17, 17, 0.76) 100%
        );
}


html.dark-mode .zd-mindset-shift__image,
body.dark-mode .zd-mindset-shift__image,
[data-theme="dark"] .zd-mindset-shift__image {
    filter:
        brightness(0.82)
        saturate(0.82)
        contrast(1.05);
}


/* =========================================================
   DARK CONTENT
   ========================================================= */

html.dark-mode .zd-mindset-shift__heading,
body.dark-mode .zd-mindset-shift__heading,
[data-theme="dark"] .zd-mindset-shift__heading {
    color: #FAFAF7;
}


html.dark-mode .zd-mindset-shift__description,
body.dark-mode .zd-mindset-shift__description,
[data-theme="dark"] .zd-mindset-shift__description {
    color: rgba(250, 250, 247, 0.82);
}


html.dark-mode .zd-mindset-shift__stage-name,
body.dark-mode .zd-mindset-shift__stage-name,
[data-theme="dark"] .zd-mindset-shift__stage-name {
    color: rgba(250, 250, 247, 0.76);
}


html.dark-mode .zd-mindset-shift__content-number,
body.dark-mode .zd-mindset-shift__content-number,
[data-theme="dark"] .zd-mindset-shift__content-number {
    color: rgba(250, 250, 247, 0.48);
}


/* =========================================================
   DARK POINTS
   ========================================================= */

html.dark-mode .zd-mindset-shift__point,
body.dark-mode .zd-mindset-shift__point,
[data-theme="dark"] .zd-mindset-shift__point {
    border-color: rgba(250, 250, 247, 0.18);
    color: rgba(250, 250, 247, 0.8);
}


/* =========================================================
   DARK PROGRESS
   ========================================================= */

html.dark-mode .zd-mindset-shift__progress,
body.dark-mode .zd-mindset-shift__progress,
[data-theme="dark"] .zd-mindset-shift__progress {
    background: rgba(250, 250, 247, 0.16);
}


html.dark-mode .zd-mindset-shift__step,
body.dark-mode .zd-mindset-shift__step,
[data-theme="dark"] .zd-mindset-shift__step {
    color: rgba(250, 250, 247, 0.7);
}


html.dark-mode .zd-mindset-shift__step.is-active,
body.dark-mode .zd-mindset-shift__step.is-active,
[data-theme="dark"] .zd-mindset-shift__step.is-active {
    color: #E53935;
}


html.dark-mode .zd-mindset-shift__step:not(:last-child)::after,
body.dark-mode .zd-mindset-shift__step:not(:last-child)::after,
[data-theme="dark"] .zd-mindset-shift__step:not(:last-child)::after {
    background: rgba(250, 250, 247, 0.18);
}


/* =========================================================
   DARK CTA
   ========================================================= */

html.dark-mode .zd-mindset-shift__cta,
body.dark-mode .zd-mindset-shift__cta,
[data-theme="dark"] .zd-mindset-shift__cta {
    color: #FAFAF7;
    background: #E53935;
    border-color: #E53935;
}


html.dark-mode .zd-mindset-shift__cta:hover,
body.dark-mode .zd-mindset-shift__cta:hover,
[data-theme="dark"] .zd-mindset-shift__cta:hover {
    color: #FAFAF7;
    background: transparent;
    border-color: #E53935;
}


/* =========================================================
   HOME2 CINEMA MULTI-FRAME SECTION: LIGHT THEME TOKENS
   ========================================================= */
:root,
html[data-theme="light"] {
    --zh2-cinema-bg: #FAFAF7;
    --zh2-cinema-text: #111111;
    --zh2-cinema-text-soft: #333333;
    --zh2-cinema-text-muted: #666666;
    --zh2-cinema-card: #FFFFFF;
    --zh2-cinema-card-border: rgba(17, 17, 17, 0.12);
    --zh2-cinema-card-hover-border: rgba(229, 57, 53, 0.40);
    --zh2-cinema-shadow: 0 20px 48px rgba(17, 17, 17, 0.12);
    --zh2-cinema-accent: #E53935;
    --zh2-cinema-accent-neon: #D4FF00;
    --zh2-cinema-badge-bg: rgba(17, 17, 17, 0.85);
    --zh2-cinema-badge-text: #FAFAF7;
    --zh2-cinema-pill-bg: #111111;
    --zh2-cinema-pill-text: #FAFAF7;
    --zh2-cinema-timeline-track: rgba(250, 250, 247, 0.25);
    --zh2-cinema-timeline-fill: #E53935;
}

/* =========================================================
   HOME2 CINEMA MULTI-FRAME SECTION: DARK THEME TOKENS
   ========================================================= */
html[data-theme="dark"] {
    --zh2-cinema-bg: #111111;
    --zh2-cinema-text: #FAFAF7;
    --zh2-cinema-text-soft: #D8D8D4;
    --zh2-cinema-text-muted: #888888;
    --zh2-cinema-card: #1A1A1A;
    --zh2-cinema-card-border: rgba(250, 250, 247, 0.14);
    --zh2-cinema-card-hover-border: rgba(255, 107, 102, 0.50);
    --zh2-cinema-shadow: 0 24px 56px rgba(0, 0, 0, 0.65);
    --zh2-cinema-accent: #E53935;
    --zh2-cinema-accent-neon: #D4FF00;
    --zh2-cinema-badge-bg: rgba(26, 26, 26, 0.90);
    --zh2-cinema-badge-text: #FAFAF7;
    --zh2-cinema-pill-bg: #FAFAF7;
    --zh2-cinema-pill-text: #111111;
    --zh2-cinema-timeline-track: rgba(250, 250, 247, 0.20);
    --zh2-cinema-timeline-fill: #FF6B66;
}

html[data-theme="dark"] .zh2-cinema__side-img {
    filter: grayscale(0.10) contrast(1.10) brightness(0.88);
}

/* =========================================================
   ZENDOJO — TESTIMONIALS
   Dark Mode
   ========================================================= */

html.dark-mode .zd-testimonials,
body.dark-mode .zd-testimonials,
[data-theme="dark"] .zd-testimonials {

    --zd-t-bg: #111111;
    --zd-t-text: #FAFAF7;
    --zd-t-surface: #333333;
    --zd-t-surface-soft: #202020;
    --zd-t-red: #E53935;
    --zd-t-border: rgba(250, 250, 247, 0.16);
    --zd-t-muted: rgba(250, 250, 247, 0.62);

    background: #111111;
    color: #FAFAF7;
}


/* ---------------------------------------------------------
   Feature panel
   --------------------------------------------------------- */

html.dark-mode .zd-testimonials__feature,
body.dark-mode .zd-testimonials__feature,
[data-theme="dark"] .zd-testimonials__feature {
    background: #333333;
    color: #FAFAF7;
}

html.dark-mode .zd-testimonials__feature-heading h2,
body.dark-mode .zd-testimonials__feature-heading h2,
[data-theme="dark"] .zd-testimonials__feature-heading h2 {
    color: #FAFAF7;
}

html.dark-mode .zd-testimonials__feature-content blockquote,
body.dark-mode .zd-testimonials__feature-content blockquote,
[data-theme="dark"] .zd-testimonials__feature-content blockquote {
    color: #FAFAF7;
}


/* ---------------------------------------------------------
   Intro
   --------------------------------------------------------- */

html.dark-mode .zd-testimonials__marquee-intro p,
body.dark-mode .zd-testimonials__marquee-intro p,
[data-theme="dark"] .zd-testimonials__marquee-intro p {
    color: #FAFAF7;
}


/* ---------------------------------------------------------
   Card
   --------------------------------------------------------- */

html.dark-mode .zd-testimonial-card,
body.dark-mode .zd-testimonial-card,
[data-theme="dark"] .zd-testimonial-card {
    background: #202020;
    border-color: rgba(250, 250, 247, 0.15);
}

html.dark-mode .zd-testimonial-card:hover,
html.dark-mode .zd-testimonial-card.is-active,
body.dark-mode .zd-testimonial-card:hover,
body.dark-mode .zd-testimonial-card.is-active,
[data-theme="dark"] .zd-testimonial-card:hover,
[data-theme="dark"] .zd-testimonial-card.is-active {
    border-color: #E53935;

    box-shadow:
        0 20px 45px rgba(0, 0, 0, 0.35);
}


/* ---------------------------------------------------------
   Card text
   --------------------------------------------------------- */

html.dark-mode .zd-testimonial-card__number,
body.dark-mode .zd-testimonial-card__number,
[data-theme="dark"] .zd-testimonial-card__number,

html.dark-mode .zd-testimonial-card__body p,
body.dark-mode .zd-testimonial-card__body p,
[data-theme="dark"] .zd-testimonial-card__body p,

html.dark-mode .zd-testimonial-card__person strong,
body.dark-mode .zd-testimonial-card__person strong,
[data-theme="dark"] .zd-testimonial-card__person strong {
    color: #FAFAF7;
}


/* ---------------------------------------------------------
   Avatar
   --------------------------------------------------------- */

html.dark-mode .zd-testimonial-card__avatar,
body.dark-mode .zd-testimonial-card__avatar,
[data-theme="dark"] .zd-testimonial-card__avatar {
    background: #FAFAF7;
    color: #111111;
}


/* ---------------------------------------------------------
   Controls
   --------------------------------------------------------- */

html.dark-mode .zd-testimonials__control,
body.dark-mode .zd-testimonials__control,
[data-theme="dark"] .zd-testimonials__control {
    color: #FAFAF7;
    border-color: rgba(250, 250, 247, 0.22);
}

html.dark-mode .zd-testimonials__control:hover,
html.dark-mode .zd-testimonials__control:focus-visible,
body.dark-mode .zd-testimonials__control:hover,
body.dark-mode .zd-testimonials__control:focus-visible,
[data-theme="dark"] .zd-testimonials__control:hover,
[data-theme="dark"] .zd-testimonials__control:focus-visible {
    color: #FAFAF7;
    background: #E53935;
    border-color: #E53935;
}


/* ---------------------------------------------------------
   Progress
   --------------------------------------------------------- */

html.dark-mode .zd-testimonials__progress-track,
body.dark-mode .zd-testimonials__progress-track,
[data-theme="dark"] .zd-testimonials__progress-track {
    background: rgba(250, 250, 247, 0.18);
}


/* ---------------------------------------------------------
   Merge zone
   --------------------------------------------------------- */

html.dark-mode .zd-testimonials__viewport::before,
body.dark-mode .zd-testimonials__viewport::before,
[data-theme="dark"] .zd-testimonials__viewport::before {
    background:
        linear-gradient(
            to right,
            #111111,
            transparent
        );
}

html.dark-mode .zd-testimonials__viewport::after,
body.dark-mode .zd-testimonials__viewport::after,
[data-theme="dark"] .zd-testimonials__viewport::after {
    background:
        linear-gradient(
            to left,
            #111111,
            transparent
        );
}

html.dark-mode .zd-testimonials__merge-zone,
body.dark-mode .zd-testimonials__merge-zone,
[data-theme="dark"] .zd-testimonials__merge-zone {
    background:
        linear-gradient(
            to right,
            #111111 0%,
            rgba(17, 17, 17, 0.86) 55%,
            transparent 100%
        );
}

/* =========================================================
   ZENDOJO — EXPANDING VALUE PANELS
   dark.css
   ========================================================= */

html.dark-mode .zd-expand-panels,
body.dark-mode .zd-expand-panels,
[data-theme="dark"] .zd-expand-panels {

    --zep-bg: #111111;
    --zep-text: #FAFAF7;
    --zep-surface: #333333;
    --zep-red: #E53935;
    --zep-muted: rgba(250, 250, 247, 0.68);
    --zep-border: rgba(250, 250, 247, 0.16);

    background: #111111;
    color: #FAFAF7;
}


/* ---------------------------------------------------------
   Header text
   --------------------------------------------------------- */

html.dark-mode .zd-expand-panels__header-left h2,
body.dark-mode .zd-expand-panels__header-left h2,
[data-theme="dark"] .zd-expand-panels__header-left h2 {
    color: #FAFAF7;
}


html.dark-mode .zd-expand-panels__header-right p,
body.dark-mode .zd-expand-panels__header-right p,
[data-theme="dark"] .zd-expand-panels__header-right p {
    color: rgba(250, 250, 247, 0.68);
}


html.dark-mode .zd-expand-panels__interaction,
body.dark-mode .zd-expand-panels__interaction,
[data-theme="dark"] .zd-expand-panels__interaction {
    color: #FAFAF7;
}


/* ---------------------------------------------------------
   Panel row
   --------------------------------------------------------- */

html.dark-mode .zd-expand-panels__row,
body.dark-mode .zd-expand-panels__row,
[data-theme="dark"] .zd-expand-panels__row {
    border-color: rgba(250, 250, 247, 0.16);
}


/* ---------------------------------------------------------
   Panel borders
   --------------------------------------------------------- */

html.dark-mode .zd-expand-panel,
body.dark-mode .zd-expand-panel,
[data-theme="dark"] .zd-expand-panel {
    border-color: rgba(250, 250, 247, 0.2);
}


/* ---------------------------------------------------------
   Panel images
   --------------------------------------------------------- */

html.dark-mode .zd-expand-panel__background img,
body.dark-mode .zd-expand-panel__background img,
[data-theme="dark"] .zd-expand-panel__background img {
    filter:
        grayscale(0.12)
        saturate(0.88);
}


/* ---------------------------------------------------------
   Footer
   --------------------------------------------------------- */

html.dark-mode .zd-expand-panels__footer > span,
body.dark-mode .zd-expand-panels__footer > span,
[data-theme="dark"] .zd-expand-panels__footer > span,

html.dark-mode .zd-expand-panels__footer p,
body.dark-mode .zd-expand-panels__footer p,
[data-theme="dark"] .zd-expand-panels__footer p {
    color: rgba(250, 250, 247, 0.64);
}

/* =========================================================
   ZENDOJO — FINAL CTA
   dark.css
   ========================================================= */


/* =========================================================
   DARK MODE TOKENS
   ========================================================= */

html.dark-mode .zd-final-cta,
body.dark-mode .zd-final-cta,
[data-theme="dark"] .zd-final-cta {

    --zfc-bg: #111111;
    --zfc-text: #FAFAF7;
    --zfc-muted: #D7D7D2;
    --zfc-soft: rgba(250, 250, 247, 0.68);
    --zfc-red: #E53935;
    --zfc-red-dark: #C92D2A;
    --zfc-panel: #333333;
    --zfc-border: rgba(250, 250, 247, 0.18);

    background: #111111;

    color: #FAFAF7;
}


/* =========================================================
   CTA CONTAINER
   ========================================================= */

html.dark-mode .zd-final-cta__box,
body.dark-mode .zd-final-cta__box,
[data-theme="dark"] .zd-final-cta__box {

    background: #333333;

    border-color:
        rgba(250, 250, 247, 0.17);
}


/* =========================================================
   MAIN TEXT
   ========================================================= */

html.dark-mode .zd-final-cta__title,
body.dark-mode .zd-final-cta__title,
[data-theme="dark"] .zd-final-cta__title,

html.dark-mode .zd-final-cta__lead,
body.dark-mode .zd-final-cta__lead,
[data-theme="dark"] .zd-final-cta__lead {

    color: #FAFAF7;
}


/* =========================================================
   SECONDARY TEXT
   ========================================================= */

html.dark-mode .zd-final-cta__description,
body.dark-mode .zd-final-cta__description,
[data-theme="dark"] .zd-final-cta__description {

    color:
        rgba(250, 250, 247, 0.72);
}


/* =========================================================
   TOP META
   ========================================================= */

html.dark-mode .zd-final-cta__chapter,
body.dark-mode .zd-final-cta__chapter,
[data-theme="dark"] .zd-final-cta__chapter,

html.dark-mode .zd-final-cta__counter,
body.dark-mode .zd-final-cta__counter,
[data-theme="dark"] .zd-final-cta__counter {

    color:
        rgba(250, 250, 247, 0.74);
}


/* =========================================================
   PILLARS
   ========================================================= */

html.dark-mode .zd-final-cta__pillar h3,
body.dark-mode .zd-final-cta__pillar h3,
[data-theme="dark"] .zd-final-cta__pillar h3 {

    color: #FAFAF7;
}


html.dark-mode .zd-final-cta__pillar p,
body.dark-mode .zd-final-cta__pillar p,
[data-theme="dark"] .zd-final-cta__pillar p {

    color:
        rgba(250, 250, 247, 0.62);
}


/* =========================================================
   BOTTOM
   ========================================================= */

html.dark-mode .zd-final-cta__bottom-label,
body.dark-mode .zd-final-cta__bottom-label,
[data-theme="dark"] .zd-final-cta__bottom-label,

html.dark-mode .zd-final-cta__bottom p,
body.dark-mode .zd-final-cta__bottom p,
[data-theme="dark"] .zd-final-cta__bottom p {

    color:
        rgba(250, 250, 247, 0.68);
}


/* =========================================================
   BUTTON
   ========================================================= */

html.dark-mode .zd-final-cta__button,
body.dark-mode .zd-final-cta__button,
[data-theme="dark"] .zd-final-cta__button {

    background: #E53935;

    border-color: #E53935;

    color: #FAFAF7;
}


html.dark-mode .zd-final-cta__button:hover,
body.dark-mode .zd-final-cta__button:hover,
[data-theme="dark"] .zd-final-cta__button:hover {

    background: #C92D2A;

    border-color: #C92D2A;
}


/* =========================================================
   ACCESSIBLE FOCUS
   ========================================================= */

.zd-final-cta__button:focus-visible {

    outline:
        3px solid
        #FAFAF7;

    outline-offset: 4px;
}

/* =========================================================
   ZENDOJO — INSTRUCTORS HERO
   dark.css
   ========================================================= */


/* =========================================================
   DARK MODE
   ========================================================= */

html.dark-mode .zd-instructors-hero,
body.dark-mode .zd-instructors-hero,
[data-theme="dark"] .zd-instructors-hero {

    --zih-bg: #111111;
    --zih-text: #FAFAF7;
    --zih-dark: #333333;
    --zih-red: #E53935;
    --zih-white: #FAFAF7;

    background: #111111;

    color: #FAFAF7;
}


/* =========================================================
   BACKGROUND
   ========================================================= */

html.dark-mode .zd-instructors-hero__glow,
body.dark-mode .zd-instructors-hero__glow,
[data-theme="dark"] .zd-instructors-hero__glow {

    background:
        radial-gradient(
            circle,
            rgba(229, 57, 53, 0.12) 0%,
            rgba(229, 57, 53, 0.035) 34%,
            transparent 70%
        );
}


html.dark-mode .zd-instructors-hero__grain,
body.dark-mode .zd-instructors-hero__grain,
[data-theme="dark"] .zd-instructors-hero__grain {

    opacity: 0.05;

    background-image:
        repeating-linear-gradient(
            0deg,
            rgba(250, 250, 247, 0.5) 0,
            rgba(250, 250, 247, 0.5) 1px,
            transparent 1px,
            transparent 4px
        );

    mix-blend-mode: screen;
}


/* =========================================================
   TOP BORDER
   ========================================================= */

html.dark-mode .zd-instructors-hero__top,
body.dark-mode .zd-instructors-hero__top,
[data-theme="dark"] .zd-instructors-hero__top {

    border-bottom-color:
        rgba(250, 250, 247, 0.13);
}


/* =========================================================
   TOP TEXT
   ========================================================= */

html.dark-mode .zd-instructors-hero__eyebrow,
body.dark-mode .zd-instructors-hero__eyebrow,
[data-theme="dark"] .zd-instructors-hero__eyebrow {

    color: #FAFAF7;
}


html.dark-mode .zd-instructors-hero__counter,
body.dark-mode .zd-instructors-hero__counter,
[data-theme="dark"] .zd-instructors-hero__counter {

    color:
        rgba(250, 250, 247, 0.52);
}


/* =========================================================
   INTRO
   ========================================================= */

html.dark-mode .zd-instructors-hero__title,
body.dark-mode .zd-instructors-hero__title,
[data-theme="dark"] .zd-instructors-hero__title {

    color: #FAFAF7;
}


html.dark-mode .zd-instructors-hero__description,
body.dark-mode .zd-instructors-hero__description,
[data-theme="dark"] .zd-instructors-hero__description {

    color:
        rgba(250, 250, 247, 0.68);
}


html.dark-mode .zd-instructors-hero__link,
body.dark-mode .zd-instructors-hero__link,
[data-theme="dark"] .zd-instructors-hero__link {

    color: #FAFAF7;
}


html.dark-mode .zd-instructors-hero__link:hover,
body.dark-mode .zd-instructors-hero__link:hover,
[data-theme="dark"] .zd-instructors-hero__link:hover {

    color: #E53935;
}


/* =========================================================
   IMAGE
   ========================================================= */

html.dark-mode .zd-instructors-hero__image-wrap,
body.dark-mode .zd-instructors-hero__image-wrap,
[data-theme="dark"] .zd-instructors-hero__image-wrap {

    background: #111111;

    box-shadow:
        0 25px 65px
        rgba(0, 0, 0, 0.4);
}


html.dark-mode .zd-instructors-hero__image-overlay,
body.dark-mode .zd-instructors-hero__image-overlay,
[data-theme="dark"] .zd-instructors-hero__image-overlay {

    background:
        linear-gradient(
            120deg,
            rgba(17, 17, 17, 0.62),
            transparent 45%,
            rgba(17, 17, 17, 0.22)
        );
}


/* =========================================================
   IMAGE LABEL
   ========================================================= */

html.dark-mode .zd-instructors-hero__image-label,
body.dark-mode .zd-instructors-hero__image-label,
[data-theme="dark"] .zd-instructors-hero__image-label {

    color:
        rgba(250, 250, 247, 0.88);
}


html.dark-mode .zd-instructors-hero__image-label::before,
body.dark-mode .zd-instructors-hero__image-label::before,
[data-theme="dark"] .zd-instructors-hero__image-label::before {

    background:
        rgba(250, 250, 247, 0.24);
}


/* =========================================================
   IMAGE MARKER
   ========================================================= */

html.dark-mode .zd-instructors-hero__marker,
body.dark-mode .zd-instructors-hero__marker,
[data-theme="dark"] .zd-instructors-hero__marker {

    background:
        rgba(17, 17, 17, 0.92);

    border-color:
        rgba(229, 57, 53, 0.75);
}


/* =========================================================
   CARDS
   ========================================================= */

html.dark-mode .zd-instructors-hero__card,
body.dark-mode .zd-instructors-hero__card,
[data-theme="dark"] .zd-instructors-hero__card {

    background: #333333;

    color: #FAFAF7;

    border-color:
        rgba(250, 250, 247, 0.13);
}


html.dark-mode .zd-instructors-hero__card:hover,
body.dark-mode .zd-instructors-hero__card:hover,
[data-theme="dark"] .zd-instructors-hero__card:hover {

    background: #292929;
}


html.dark-mode .zd-instructors-hero__card h2,
body.dark-mode .zd-instructors-hero__card h2,
[data-theme="dark"] .zd-instructors-hero__card h2 {

    color: #FAFAF7;
}


html.dark-mode .zd-instructors-hero__card p,
body.dark-mode .zd-instructors-hero__card p,
[data-theme="dark"] .zd-instructors-hero__card p {

    color:
        rgba(250, 250, 247, 0.6);
}


html.dark-mode .zd-instructors-hero__card-top,
body.dark-mode .zd-instructors-hero__card-top,
[data-theme="dark"] .zd-instructors-hero__card-top {

    color:
        rgba(250, 250, 247, 0.56);
}


/* =========================================================
   STATUS
   ========================================================= */

html.dark-mode .zd-instructors-hero__status,
body.dark-mode .zd-instructors-hero__status,
[data-theme="dark"] .zd-instructors-hero__status {

    color:
        rgba(250, 250, 247, 0.38);
}


html.dark-mode .zd-instructors-hero__status-line,
body.dark-mode .zd-instructors-hero__status-line,
[data-theme="dark"] .zd-instructors-hero__status-line {

    background:
        rgba(250, 250, 247, 0.22);
}


/* =========================================================
   FOCUS
   ========================================================= */

.zd-instructors-hero__link:focus-visible {

    outline:
        2px solid
        #E53935;

    outline-offset: 5px;
}

/* =========================================================
   ZENDOJO — INSTRUCTORS CTA
   dark.css
   ========================================================= */


/* =========================================================
   DARK MODE VARIABLES
   ========================================================= */

html.dark-mode .zd-instructor-cta,
body.dark-mode .zd-instructor-cta,
[data-theme="dark"] .zd-instructor-cta {

    --zic-bg: #111111;
    --zic-text: #FAFAF7;
    --zic-surface: #333333;
    --zic-red: #E53935;
    --zic-white: #FAFAF7;
    --zic-muted: rgba(250,250,247,.62);
    --zic-line: rgba(250,250,247,.15);

    background: #111111;

    color: #FAFAF7;
}


/* =========================================================
   CONTAINER
   ========================================================= */

html.dark-mode
.zd-instructor-cta__container,
body.dark-mode
.zd-instructor-cta__container,
[data-theme="dark"]
.zd-instructor-cta__container {

    background: #333333;

    box-shadow:
        0 35px 90px
        rgba(0,0,0,.42);
}


/* =========================================================
   CONTENT
   ========================================================= */

html.dark-mode
.zd-instructor-cta__content,
body.dark-mode
.zd-instructor-cta__content,
[data-theme="dark"]
.zd-instructor-cta__content {

    background:
        linear-gradient(
            145deg,
            #333333 0%,
            #292929 100%
        );

    color: #FAFAF7;
}


/* =========================================================
   TITLE
   ========================================================= */

html.dark-mode
.zd-instructor-cta__title,
body.dark-mode
.zd-instructor-cta__title,
[data-theme="dark"]
.zd-instructor-cta__title {

    color: #FAFAF7;
}


html.dark-mode
.zd-instructor-cta__title span,
body.dark-mode
.zd-instructor-cta__title span,
[data-theme="dark"]
.zd-instructor-cta__title span {

    color: #FAFAF7;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

html.dark-mode
.zd-instructor-cta__description,
body.dark-mode
.zd-instructor-cta__description,
[data-theme="dark"]
.zd-instructor-cta__description {

    color:
        rgba(250,250,247,.68);
}


/* =========================================================
   IMAGE
   ========================================================= */

html.dark-mode
.zd-instructor-cta__image,
body.dark-mode
.zd-instructor-cta__image,
[data-theme="dark"]
.zd-instructor-cta__image {

    filter:
        saturate(.7)
        contrast(1.08);
}


html.dark-mode
.zd-instructor-cta__image-overlay,
body.dark-mode
.zd-instructor-cta__image-overlay,
[data-theme="dark"]
.zd-instructor-cta__image-overlay {

    background:
        linear-gradient(
            135deg,
            rgba(0,0,0,.12),
            rgba(0,0,0,.58)
        );
}


/* =========================================================
   VALUES
   ========================================================= */

html.dark-mode
.zd-instructor-cta__value strong,
body.dark-mode
.zd-instructor-cta__value strong,
[data-theme="dark"]
.zd-instructor-cta__value strong {

    color:
        rgba(250,250,247,.84);
}


/* =========================================================
   BUTTON
   ========================================================= */

html.dark-mode
.zd-instructor-cta__button,
body.dark-mode
.zd-instructor-cta__button,
[data-theme="dark"]
.zd-instructor-cta__button {

    background: #E53935;

    color: #FAFAF7;
}


html.dark-mode
.zd-instructor-cta__button::before,
body.dark-mode
.zd-instructor-cta__button::before,
[data-theme="dark"]
.zd-instructor-cta__button::before {

    background: #FAFAF7;
}


html.dark-mode
.zd-instructor-cta__button:hover,
body.dark-mode
.zd-instructor-cta__button:hover,
[data-theme="dark"]
.zd-instructor-cta__button:hover {

    color: #111111;
}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

.zd-instructor-cta__button:focus-visible {

    outline:
        2px solid #E53935;

    outline-offset: 4px;
}

/* =========================================================
   ZENDOJO CONTACT — DARK MODE
   ========================================================= */

html.dark-mode .zd-contact-info,
html.dark-mode .zd-message,
html.dark-mode .zd-location,

body.dark-mode .zd-contact-info,
body.dark-mode .zd-message,
body.dark-mode .zd-location,

[data-theme="dark"] .zd-contact-info,
[data-theme="dark"] .zd-message,
[data-theme="dark"] .zd-location {

    --zd-bg: #111111;
    --zd-text: #FAFAF7;
    --zd-surface: #333333;
    --zd-red: #E53935;
    --zd-white: #FAFAF7;
    --zd-muted: rgba(250,250,247,.64);
    --zd-line: rgba(250,250,247,.17);
    --zd-soft: rgba(250,250,247,.045);

    background: #111111;
    color: #FAFAF7;
}


/* CONTACT INFO */

html.dark-mode .zd-contact-info__content,
body.dark-mode .zd-contact-info__content,
[data-theme="dark"] .zd-contact-info__content {
    background:
        linear-gradient(
            135deg,
            #333333 0%,
            #292929 100%
        );
}

html.dark-mode .zd-contact-info__description,
body.dark-mode .zd-contact-info__description,
[data-theme="dark"] .zd-contact-info__description {
    color: rgba(250,250,247,.72);
}


/* MESSAGE FORM */

html.dark-mode .zd-message__form-wrap,
body.dark-mode .zd-message__form-wrap,
[data-theme="dark"] .zd-message__form-wrap {
    background: #191919;
}

html.dark-mode .zd-message__field label,
body.dark-mode .zd-message__field label,
[data-theme="dark"] .zd-message__field label {
    color: #FAFAF7;
}

html.dark-mode .zd-message__field input,
html.dark-mode .zd-message__field textarea,
body.dark-mode .zd-message__field input,
body.dark-mode .zd-message__field textarea,
[data-theme="dark"] .zd-message__field input,
[data-theme="dark"] .zd-message__field textarea {
    background: #1C1C1C;
    border-color: rgba(250,250,247,.18);
    color: #FAFAF7;
}

html.dark-mode .zd-message__field input::placeholder,
html.dark-mode .zd-message__field textarea::placeholder,
body.dark-mode .zd-message__field input::placeholder,
body.dark-mode .zd-message__field textarea::placeholder,
[data-theme="dark"] .zd-message__field input::placeholder,
[data-theme="dark"] .zd-message__field textarea::placeholder {
    color: rgba(250,250,247,.42);
}

html.dark-mode .zd-message__field input:focus,
html.dark-mode .zd-message__field textarea:focus,
body.dark-mode .zd-message__field input:focus,
body.dark-mode .zd-message__field textarea:focus,
[data-theme="dark"] .zd-message__field input:focus,
[data-theme="dark"] .zd-message__field textarea:focus {
    border-color: #E53935;
    box-shadow: 0 0 0 2px rgba(229,57,53,.15);
}

html.dark-mode .zd-message__required,
body.dark-mode .zd-message__required,
[data-theme="dark"] .zd-message__required {
    color: rgba(250,250,247,.55);
}

html.dark-mode .zd-message__success,
body.dark-mode .zd-message__success,
[data-theme="dark"] .zd-message__success {
    background: rgba(229,57,53,.09);
    border-color: rgba(229,57,53,.45);
}

html.dark-mode .zd-message__success strong,
body.dark-mode .zd-message__success strong,
[data-theme="dark"] .zd-message__success strong {
    color: #FAFAF7;
}


/* LOCATION */

html.dark-mode .zd-location__intro,
body.dark-mode .zd-location__intro,
[data-theme="dark"] .zd-location__intro {
    color: rgba(250,250,247,.64);
}

html.dark-mode .zd-location__map,
body.dark-mode .zd-location__map,
[data-theme="dark"] .zd-location__map {
    background: #222;
}

html.dark-mode .zd-location__map-frame iframe,
body.dark-mode .zd-location__map-frame iframe,
[data-theme="dark"] .zd-location__map-frame iframe {
    filter:
        grayscale(.9)
        contrast(1.05)
        brightness(.72);
}


/* RED ERROR TEXT — ALWAYS CLEAR */

html.dark-mode .zd-message__error,
body.dark-mode .zd-message__error,
[data-theme="dark"] .zd-message__error {
    color: #FF5A56;
}


/* DARK FOCUS */

html.dark-mode .zd-contact-info a:focus-visible,
html.dark-mode .zd-message button:focus-visible,
html.dark-mode .zd-message input:focus-visible,
html.dark-mode .zd-message textarea:focus-visible,
html.dark-mode .zd-location a:focus-visible,
body.dark-mode .zd-contact-info a:focus-visible,
body.dark-mode .zd-message button:focus-visible,
body.dark-mode .zd-message input:focus-visible,
body.dark-mode .zd-message textarea:focus-visible,
body.dark-mode .zd-location a:focus-visible,
[data-theme="dark"] .zd-contact-info a:focus-visible,
[data-theme="dark"] .zd-message button:focus-visible,
[data-theme="dark"] .zd-message input:focus-visible,
[data-theme="dark"] .zd-message textarea:focus-visible,
[data-theme="dark"] .zd-location a:focus-visible {
    outline-color: #E53935;
}

/* =========================================================
   ZENDOJO CONTACT CTA
   DARK MODE
   ========================================================= */

html.dark-mode .zd-contact-cta,
body.dark-mode .zd-contact-cta,
[data-theme="dark"] .zd-contact-cta {

    --zcc-bg: #111111;
    --zcc-text: #FAFAF7;
    --zcc-surface: #333333;
    --zcc-red: #E53935;
    --zcc-white: #FAFAF7;

    --zcc-muted: rgba(250,250,247,.64);
    --zcc-line: rgba(250,250,247,.17);

    background: #111111;
    color: #FAFAF7;
}


/* MAIN CONTAINER */

html.dark-mode .zd-contact-cta__container,
body.dark-mode .zd-contact-cta__container,
[data-theme="dark"] .zd-contact-cta__container {

    background:
        #333333;

    box-shadow:
        0 25px 70px rgba(0,0,0,.30);
}


/* CONTENT */

html.dark-mode .zd-contact-cta__content,
body.dark-mode .zd-contact-cta__content,
[data-theme="dark"] .zd-contact-cta__content {

    background:
        linear-gradient(
            135deg,
            #333333 0%,
            #292929 100%
        );
}


/* TEXT */

html.dark-mode .zd-contact-cta__title,
html.dark-mode .zd-contact-cta__title strong,
body.dark-mode .zd-contact-cta__title,
body.dark-mode .zd-contact-cta__title strong,
[data-theme="dark"] .zd-contact-cta__title,
[data-theme="dark"] .zd-contact-cta__title strong {

    color: #FAFAF7;
}


html.dark-mode .zd-contact-cta__description,
body.dark-mode .zd-contact-cta__description,
[data-theme="dark"] .zd-contact-cta__description {

    color:
        rgba(250,250,247,.72);
}


/* BUTTON */

html.dark-mode .zd-contact-cta__button,
body.dark-mode .zd-contact-cta__button,
[data-theme="dark"] .zd-contact-cta__button {

    background: #E53935;
    color: #FAFAF7;
}


html.dark-mode .zd-contact-cta__button::before,
body.dark-mode .zd-contact-cta__button::before,
[data-theme="dark"] .zd-contact-cta__button::before {

    background: #FAFAF7;
}


html.dark-mode .zd-contact-cta__button:hover,
body.dark-mode .zd-contact-cta__button:hover,
[data-theme="dark"] .zd-contact-cta__button:hover {

    color: #111111;
}


/* SECONDARY */

html.dark-mode .zd-contact-cta__secondary,
body.dark-mode .zd-contact-cta__secondary,
[data-theme="dark"] .zd-contact-cta__secondary {

    color: #FAFAF7;
}


/* VALUES */

html.dark-mode .zd-contact-cta__value strong,
body.dark-mode .zd-contact-cta__value strong,
[data-theme="dark"] .zd-contact-cta__value strong {

    color: #FAFAF7;
}


/* IMAGE */

html.dark-mode .zd-contact-cta__image,
body.dark-mode .zd-contact-cta__image,
[data-theme="dark"] .zd-contact-cta__image {

    filter: brightness(.86);
}


/* FOCUS */

html.dark-mode .zd-contact-cta a:focus-visible,
body.dark-mode .zd-contact-cta a:focus-visible,
[data-theme="dark"] .zd-contact-cta a:focus-visible {

    outline-color: #E53935;
}

/* =========================================================
   ZENDOJO — COMPACT FOOTER
   DARK MODE
   ========================================================= */

html[data-theme="dark"] .zd-footer,
html.dark .zd-footer,
body.dark-mode .zd-footer,
[data-theme="dark"] .zd-footer {

    --zdf-bg: #0B0B0B;
    --zdf-bg-soft: #111111;
    --zdf-card: #191919;

    --zdf-white: #FAFAF7;
    --zdf-white-soft: rgba(250, 250, 247, 0.84);
    --zdf-white-faint: rgba(250, 250, 247, 0.64);

    --zdf-red: #E53935;
    --zdf-red-dark: #C92F2C;

    --zdf-line: rgba(250, 250, 247, 0.15);
    --zdf-line-strong: rgba(250, 250, 247, 0.24);

    background: #0B0B0B;
    color: #FAFAF7;
}


html[data-theme="dark"] .zd-footer__shell,
html.dark .zd-footer__shell,
body.dark-mode .zd-footer__shell,
[data-theme="dark"] .zd-footer__shell {

    background:
        linear-gradient(
            135deg,
            #0B0B0B 0%,
            #111111 68%,
            #191919 100%
        );

    color: #FAFAF7;
}


/* Main text */
html[data-theme="dark"] .zd-footer__brand-tagline,
html[data-theme="dark"] .zd-footer__column-title,
html[data-theme="dark"] .zd-footer__newsletter-title,
html.dark .zd-footer__brand-tagline,
html.dark .zd-footer__column-title,
html.dark .zd-footer__newsletter-title,
body.dark-mode .zd-footer__brand-tagline,
body.dark-mode .zd-footer__column-title,
body.dark-mode .zd-footer__newsletter-title {

    color: #FAFAF7;
}


/* Secondary text */
html[data-theme="dark"] .zd-footer__brand-description,
html[data-theme="dark"] .zd-footer__link-group a,
html[data-theme="dark"] .zd-footer__support-list a,
html[data-theme="dark"] .zd-footer__contact-copy strong,
html[data-theme="dark"] .zd-footer__newsletter-description,
html[data-theme="dark"] .zd-footer__hours-row strong,

html.dark .zd-footer__brand-description,
html.dark .zd-footer__link-group a,
html.dark .zd-footer__support-list a,
html.dark .zd-footer__contact-copy strong,
html.dark .zd-footer__newsletter-description,
html.dark .zd-footer__hours-row strong,

body.dark-mode .zd-footer__brand-description,
body.dark-mode .zd-footer__link-group a,
body.dark-mode .zd-footer__support-list a,
body.dark-mode .zd-footer__contact-copy strong,
body.dark-mode .zd-footer__newsletter-description,
body.dark-mode .zd-footer__hours-row strong {

    color: rgba(250, 250, 247, 0.84);
}


/* Contact icons */
html[data-theme="dark"] .zd-footer__contact-icon,
html.dark .zd-footer__contact-icon,
body.dark-mode .zd-footer__contact-icon {

    background: rgba(250, 250, 247, 0.035);

    border-color:
        rgba(250, 250, 247, 0.16);

    color:
        rgba(250, 250, 247, 0.82);
}


/* Newsletter */
html[data-theme="dark"] .zd-footer__newsletter-field,
html.dark .zd-footer__newsletter-field,
body.dark-mode .zd-footer__newsletter-field {

    background: #080808;

    border-color:
        rgba(250, 250, 247, 0.24);
}


html[data-theme="dark"] .zd-footer__newsletter-field input,
html.dark .zd-footer__newsletter-field input,
body.dark-mode .zd-footer__newsletter-field input {

    color: #FAFAF7;
}


html[data-theme="dark"] .zd-footer__newsletter-field input::placeholder,
html.dark .zd-footer__newsletter-field input::placeholder,
body.dark-mode .zd-footer__newsletter-field input::placeholder {

    color:
        rgba(250, 250, 247, 0.58);
}


/* Legal / copyright */
html[data-theme="dark"] .zd-footer__copyright,
html[data-theme="dark"] .zd-footer__legal a,
html.dark .zd-footer__copyright,
html.dark .zd-footer__legal a,
body.dark-mode .zd-footer__copyright,
body.dark-mode .zd-footer__legal a {

    color:
        rgba(250, 250, 247, 0.64);
}



/* =========================================================
   ABOUT HERO — LIGHT TOKENS
   ========================================================= */
:root,
html[data-theme="light"] {
    --zd-ab-bg: #FAFAF7;
    --zd-ab-text: #111111;
    --zd-ab-text-soft: #333333;
    --zd-ab-accent: #E53935;
    --zd-ab-card: #FFFFFF;
    --zd-ab-card-border: rgba(17, 17, 17, 0.12);
    --zd-ab-orb: rgba(229, 57, 53, 0.13);
    --zd-ab-kanji: rgba(17, 17, 17, 0.06);
    --zd-ab-grid: rgba(17, 17, 17, 0.04);
    --zd-ab-stat-border: rgba(17, 17, 17, 0.10);
    --zd-ab-eyebrow: rgba(229, 57, 53, 0.85);
    --zd-ab-strip-overlay: rgba(250, 250, 247, 0.12);
}

/* =========================================================
   ABOUT HERO — DARK TOKENS
   ========================================================= */
html[data-theme="dark"],
html.dark,
body.dark-mode {
    --zd-ab-bg: #111111;
    --zd-ab-text: #FAFAF7;
    --zd-ab-text-soft: #D8D8D4;
    --zd-ab-accent: #FF6B66;
    --zd-ab-card: #1A1A1A;
    --zd-ab-card-border: rgba(250, 250, 247, 0.14);
    --zd-ab-orb: rgba(229, 57, 53, 0.22);
    --zd-ab-kanji: rgba(250, 250, 247, 0.05);
    --zd-ab-grid: rgba(250, 250, 247, 0.03);
    --zd-ab-stat-border: rgba(250, 250, 247, 0.10);
    --zd-ab-eyebrow: rgba(255, 107, 102, 0.90);
    --zd-ab-strip-overlay: rgba(17, 17, 17, 0.15);
}

/* -------- Dark: image treatment -------- */
html[data-theme="dark"] .zd-about-hero__mosaic-img,
html.dark .zd-about-hero__mosaic-img,
body.dark-mode .zd-about-hero__mosaic-img {
    filter: grayscale(0.08) contrast(1.08) brightness(0.85);
}

/* -------- Dark: ghost button -------- */
html[data-theme="dark"] .zd-about-hero__btn--ghost,
html.dark .zd-about-hero__btn--ghost,
body.dark-mode .zd-about-hero__btn--ghost {
    border-color: rgba(250, 250, 247, 0.22);
    color: #FAFAF7;
}

html[data-theme="dark"] .zd-about-hero__btn--ghost:hover,
html.dark .zd-about-hero__btn--ghost:hover,
body.dark-mode .zd-about-hero__btn--ghost:hover {
    background: rgba(250, 250, 247, 0.08);
    border-color: rgba(250, 250, 247, 0.40);
}

/* -------- Dark: stat cards -------- */
html[data-theme="dark"] .zd-about-hero__stat,
html.dark .zd-about-hero__stat,
body.dark-mode .zd-about-hero__stat {
    border-color: var(--zd-ab-stat-border);
}

/* -------- Dark: micro-card -------- */
html[data-theme="dark"] .zd-about-hero__micro-card,
html.dark .zd-about-hero__micro-card,
body.dark-mode .zd-about-hero__micro-card {
    background: rgba(26, 26, 26, 0.92);
    border-color: rgba(250, 250, 247, 0.12);
}

/* -------- Dark: kanji ambient -------- */
html[data-theme="dark"] .zd-about-hero__kanji,
html.dark .zd-about-hero__kanji,
body.dark-mode .zd-about-hero__kanji {
    -webkit-text-stroke-color: var(--zd-ab-kanji);
    color: transparent;
}

/* -------- Dark: ticker strip -------- */
html[data-theme="dark"] .zd-about-hero__ticker,
html.dark .zd-about-hero__ticker,
body.dark-mode .zd-about-hero__ticker {
    background: rgba(26, 26, 26, 0.60);
    border-color: rgba(255, 107, 102, 0.25);
}

html[data-theme="dark"] .zd-about-hero__ticker-item,
html.dark .zd-about-hero__ticker-item,
body.dark-mode .zd-about-hero__ticker-item {
    color: var(--zd-ab-text);
}

html[data-theme="dark"] .zd-about-hero__ticker-dot,
html.dark .zd-about-hero__ticker-dot,
body.dark-mode .zd-about-hero__ticker-dot {
    background: var(--zd-ab-accent);
}

/* -------- Dark: photo strip overlay -------- */
html[data-theme="dark"] .zd-about-hero__strip::before,
html.dark .zd-about-hero__strip::before,
body.dark-mode .zd-about-hero__strip::before {
    background: linear-gradient(
        to right,
        #111111 0%,
        transparent 18%,
        transparent 82%,
        #111111 100%
    );
}

/* -------- Dark: grid dots -------- */
html[data-theme="dark"] .zd-about-hero__grid,
html.dark .zd-about-hero__grid,
body.dark-mode .zd-about-hero__grid {
    background-image:
        radial-gradient(circle, var(--zd-ab-grid) 1px, transparent 1px);
}

/* -------- Dark: eyebrow line -------- */
html[data-theme="dark"] .zd-about-hero__eyebrow-line,
html.dark .zd-about-hero__eyebrow-line,
body.dark-mode .zd-about-hero__eyebrow-line {
    background: var(--zd-ab-accent);
}

/* -------- Dark: mosaic bar accent -------- */
html[data-theme="dark"] .zd-about-hero__mosaic-bar,
html.dark .zd-about-hero__mosaic-bar,
body.dark-mode .zd-about-hero__mosaic-bar {
    background: var(--zd-ab-accent);
}

/* -------- Dark: brushstroke SVG under headline -------- */
html[data-theme="dark"] .zd-about-hero__brushstroke path,
html.dark .zd-about-hero__brushstroke path,
body.dark-mode .zd-about-hero__brushstroke path {
    stroke: var(--zd-ab-accent);
}


/* =========================================================
   ABOUT HERO — LIGHT TOKENS
   ========================================================= */
:root,
html[data-theme="light"] {
    --zd-ab-bg: #FAFAF7;
    --zd-ab-text: #111111;
    --zd-ab-text-soft: #333333;
    --zd-ab-accent: #E53935;
    --zd-ab-card: #FFFFFF;
    --zd-ab-card-border: rgba(17, 17, 17, 0.12);
    --zd-ab-orb: rgba(229, 57, 53, 0.13);
    --zd-ab-kanji: rgba(17, 17, 17, 0.06);
    --zd-ab-grid: rgba(17, 17, 17, 0.04);
    --zd-ab-stat-border: rgba(17, 17, 17, 0.10);
    --zd-ab-eyebrow: rgba(229, 57, 53, 0.85);
    --zd-ab-strip-overlay: rgba(250, 250, 247, 0.12);
}

/* =========================================================
   ABOUT HERO — DARK TOKENS
   ========================================================= */
html[data-theme="dark"],
html.dark,
body.dark-mode {
    --zd-ab-bg: #111111;
    --zd-ab-text: #FAFAF7;
    --zd-ab-text-soft: #D8D8D4;
    --zd-ab-accent: #FF6B66;
    --zd-ab-card: #1A1A1A;
    --zd-ab-card-border: rgba(250, 250, 247, 0.14);
    --zd-ab-orb: rgba(229, 57, 53, 0.22);
    --zd-ab-kanji: rgba(250, 250, 247, 0.05);
    --zd-ab-grid: rgba(250, 250, 247, 0.03);
    --zd-ab-stat-border: rgba(250, 250, 247, 0.10);
    --zd-ab-eyebrow: rgba(255, 107, 102, 0.90);
    --zd-ab-strip-overlay: rgba(17, 17, 17, 0.15);
}

/* -------- Dark: image treatment -------- */
html[data-theme="dark"] .zd-about-hero__mosaic-img,
html.dark .zd-about-hero__mosaic-img,
body.dark-mode .zd-about-hero__mosaic-img {
    filter: grayscale(0.08) contrast(1.08) brightness(0.85);
}

/* -------- Dark: ghost button -------- */
html[data-theme="dark"] .zd-about-hero__btn--ghost,
html.dark .zd-about-hero__btn--ghost,
body.dark-mode .zd-about-hero__btn--ghost {
    border-color: rgba(250, 250, 247, 0.22);
    color: #FAFAF7;
}

html[data-theme="dark"] .zd-about-hero__btn--ghost:hover,
html.dark .zd-about-hero__btn--ghost:hover,
body.dark-mode .zd-about-hero__btn--ghost:hover {
    background: rgba(250, 250, 247, 0.08);
    border-color: rgba(250, 250, 247, 0.40);
}

/* -------- Dark: stat cards -------- */
html[data-theme="dark"] .zd-about-hero__stat,
html.dark .zd-about-hero__stat,
body.dark-mode .zd-about-hero__stat {
    border-color: var(--zd-ab-stat-border);
}

/* -------- Dark: micro-card -------- */
html[data-theme="dark"] .zd-about-hero__micro-card,
html.dark .zd-about-hero__micro-card,
body.dark-mode .zd-about-hero__micro-card {
    background: rgba(26, 26, 26, 0.92);
    border-color: rgba(250, 250, 247, 0.12);
}

/* -------- Dark: kanji ambient -------- */
html[data-theme="dark"] .zd-about-hero__kanji,
html.dark .zd-about-hero__kanji,
body.dark-mode .zd-about-hero__kanji {
    -webkit-text-stroke-color: var(--zd-ab-kanji);
    color: transparent;
}

/* -------- Dark: ticker strip -------- */
html[data-theme="dark"] .zd-about-hero__ticker,
html.dark .zd-about-hero__ticker,
body.dark-mode .zd-about-hero__ticker {
    background: rgba(26, 26, 26, 0.60);
    border-color: rgba(255, 107, 102, 0.25);
}

html[data-theme="dark"] .zd-about-hero__ticker-item,
html.dark .zd-about-hero__ticker-item,
body.dark-mode .zd-about-hero__ticker-item {
    color: var(--zd-ab-text);
}

html[data-theme="dark"] .zd-about-hero__ticker-dot,
html.dark .zd-about-hero__ticker-dot,
body.dark-mode .zd-about-hero__ticker-dot {
    background: var(--zd-ab-accent);
}

/* -------- Dark: photo strip overlay -------- */
html[data-theme="dark"] .zd-about-hero__strip::before,
html.dark .zd-about-hero__strip::before,
body.dark-mode .zd-about-hero__strip::before {
    background: linear-gradient(
        to right,
        #111111 0%,
        transparent 18%,
        transparent 82%,
        #111111 100%
    );
}

/* -------- Dark: grid dots -------- */
html[data-theme="dark"] .zd-about-hero__grid,
html.dark .zd-about-hero__grid,
body.dark-mode .zd-about-hero__grid {
    background-image:
        radial-gradient(circle, var(--zd-ab-grid) 1px, transparent 1px);
}

/* -------- Dark: eyebrow line -------- */
html[data-theme="dark"] .zd-about-hero__eyebrow-line,
html.dark .zd-about-hero__eyebrow-line,
body.dark-mode .zd-about-hero__eyebrow-line {
    background: var(--zd-ab-accent);
}

/* -------- Dark: mosaic bar accent -------- */
html[data-theme="dark"] .zd-about-hero__mosaic-bar,
html.dark .zd-about-hero__mosaic-bar,
body.dark-mode .zd-about-hero__mosaic-bar {
    background: var(--zd-ab-accent);
}

/* -------- Dark: brushstroke SVG under headline -------- */
html[data-theme="dark"] .zd-about-hero__brushstroke path,
html.dark .zd-about-hero__brushstroke path,
body.dark-mode .zd-about-hero__brushstroke path {
    stroke: var(--zd-ab-accent);
}

/* =========================================================
   INSTRUCTORS HERO: LIGHT TOKENS
   ========================================================= */
:root,
html[data-theme="light"] {
    --ih-bg: #FAFAF7;
    --ih-text: #111111;
    --ih-text-soft: #333333;
    --ih-accent-text: #C92F2C;
    --ih-mark: rgba(229, 57, 53, 0.28);
    --ih-focus: #C92F2C;

    --ih-pat: rgba(17, 17, 17, 0.07);
    --ih-ghost: rgba(17, 17, 17, 0.16);
    --ih-sun: rgba(229, 57, 53, 0.30);

    --ih-line: rgba(17, 17, 17, 0.12);
    --ih-line-strong: rgba(17, 17, 17, 0.35);
    --ih-stat-bg: rgba(255, 255, 255, 0.75);

    --ih-btn-bg: #C92F2C;
    --ih-btn-hover: #A82522;
    --ih-btn-text: #FFFFFF;
    --ih-ghost-border: rgba(17, 17, 17, 0.35);

    --ih-photo-bg: #E6E4DC;
    --ih-card-border: rgba(17, 17, 17, 0.25);
    --ih-card-shadow: 0 18px 36px rgba(17, 17, 17, 0.22);
    --ih-floor: rgba(17, 17, 17, 0.30);

    --ih-ctrl-bg: #FFFFFF;
    --ih-ctrl-border: #111111;
    --ih-ctrl-icon: #111111;
    --ih-ctrl-hover-bg: #111111;
    --ih-ctrl-hover-icon: #FAFAF7;
    --ih-dot: #111111;

    --ih-panel: #FFFFFF;
    --ih-panel-border: rgba(17, 17, 17, 0.14);
    --ih-panel-shadow: 0 18px 40px rgba(17, 17, 17, 0.14);

    --ih-pill-bg: #111111;
    --ih-pill-text: #FAFAF7;
    --ih-meter: rgba(17, 17, 17, 0.12);
    --ih-tag-bg: rgba(17, 17, 17, 0.06);
    --ih-tag-border: rgba(17, 17, 17, 0.16);

    --ih-ribbon-bg: #111111;
    --ih-ribbon-text: #FAFAF7;
    --ih-ribbon-star: #FF6B66;
}

/* =========================================================
   INSTRUCTORS HERO: DARK TOKENS
   ========================================================= */
html[data-theme="dark"] {
    --ih-bg: #111111;
    --ih-text: #FAFAF7;
    --ih-text-soft: #D8D8D4;
    --ih-accent-text: #FF6B66;
    --ih-mark: rgba(229, 57, 53, 0.45);
    --ih-focus: #FF6B66;

    --ih-pat: rgba(250, 250, 247, 0.07);
    --ih-ghost: rgba(250, 250, 247, 0.18);
    --ih-sun: rgba(229, 57, 53, 0.38);

    --ih-line: rgba(250, 250, 247, 0.14);
    --ih-line-strong: rgba(250, 250, 247, 0.40);
    --ih-stat-bg: rgba(250, 250, 247, 0.05);

    --ih-btn-bg: #C92F2C;
    --ih-btn-hover: #E53935;
    --ih-btn-text: #FFFFFF;
    --ih-ghost-border: rgba(250, 250, 247, 0.40);

    --ih-photo-bg: #2A2A2A;
    --ih-card-border: rgba(250, 250, 247, 0.28);
    --ih-card-shadow: 0 18px 36px rgba(0, 0, 0, 0.6);
    --ih-floor: rgba(0, 0, 0, 0.7);

    --ih-ctrl-bg: #1E1E1E;
    --ih-ctrl-border: #FAFAF7;
    --ih-ctrl-icon: #FAFAF7;
    --ih-ctrl-hover-bg: #FAFAF7;
    --ih-ctrl-hover-icon: #111111;
    --ih-dot: #FAFAF7;

    --ih-panel: #1E1E1E;
    --ih-panel-border: rgba(250, 250, 247, 0.16);
    --ih-panel-shadow: 0 18px 40px rgba(0, 0, 0, 0.55);

    --ih-pill-bg: #FAFAF7;
    --ih-pill-text: #111111;
    --ih-meter: rgba(250, 250, 247, 0.16);
    --ih-tag-bg: rgba(250, 250, 247, 0.08);
    --ih-tag-border: rgba(250, 250, 247, 0.20);

    --ih-ribbon-bg: #FAFAF7;
    --ih-ribbon-text: #111111;
    --ih-ribbon-star: #C92F2C;
}

/* =========================================================
   A DAY AT THE DOJO: LIGHT TOKENS
   ========================================================= */
:root,
html[data-theme="light"] {
    --dd-bg: #FAFAF7;
    --dd-text: #111111;
    --dd-text-soft: #333333;
    --dd-accent-text: #C92F2C;
    --dd-mark: rgba(229, 57, 53, 0.28);
    --dd-focus: #C92F2C;
    --dd-photo-bg: #E6E4DC;

    /* sky: dawn > morning > noon > late afternoon > sunset */
    --dd-sky-1: #FBE3C8;
    --dd-sky-2: #DDEBF7;
    --dd-sky-3: #FFF3C4;
    --dd-sky-4: #FFD9A8;
    --dd-sky-5: #F6B9A0;
    --dd-star-op: 0;
    --dd-cloud: rgba(255, 255, 255, 0.75);
    --dd-hill-1: rgba(17, 17, 17, 0.10);
    --dd-hill-2: rgba(17, 17, 17, 0.18);
    --dd-ground: #111111;

    --dd-panel: rgba(250, 250, 247, 0.82);
    --dd-panel-border: rgba(17, 17, 17, 0.14);
    --dd-panel-shadow: 0 18px 40px rgba(17, 17, 17, 0.14);

    --dd-pill-bg: #111111;
    --dd-pill-text: #FAFAF7;
    --dd-pill-label: #FF8A85;

    --dd-dot: #111111;
    --dd-dot-bg: rgba(250, 250, 247, 0.88);
    --dd-rail: rgba(17, 17, 17, 0.3);
    --dd-ghost: rgba(17, 17, 17, 0.18);
    --dd-ring: rgba(17, 17, 17, 0.45);

    --dd-fin-bg: #111111;
    --dd-fin-text: #FAFAF7;
    --dd-fin-soft: #D8D8D4;

    --dd-btn-bg: #C92F2C;
    --dd-btn-hover: #A82522;
    --dd-btn-text: #FFFFFF;
}

/* =========================================================
   A DAY AT THE DOJO: DARK TOKENS
   ========================================================= */
html[data-theme="dark"] {
    --dd-bg: #111111;
    --dd-text: #FAFAF7;
    --dd-text-soft: #D8D8D4;
    --dd-accent-text: #FF6B66;
    --dd-mark: rgba(229, 57, 53, 0.45);
    --dd-focus: #FF6B66;
    --dd-photo-bg: #2A2A2A;

    /* sky: dusk tones, every one dark enough for light text */
    --dd-sky-1: #2B2118;
    --dd-sky-2: #1B2733;
    --dd-sky-3: #2E2A14;
    --dd-sky-4: #3A2614;
    --dd-sky-5: #3B1F2A;
    --dd-star-op: 0.9;
    --dd-cloud: rgba(250, 250, 247, 0.09);
    --dd-hill-1: rgba(0, 0, 0, 0.28);
    --dd-hill-2: rgba(0, 0, 0, 0.45);
    --dd-ground: #0A0A0A;

    --dd-panel: rgba(17, 17, 17, 0.82);
    --dd-panel-border: rgba(250, 250, 247, 0.16);
    --dd-panel-shadow: 0 18px 40px rgba(0, 0, 0, 0.5);

    --dd-pill-bg: #FAFAF7;
    --dd-pill-text: #111111;
    --dd-pill-label: #C92F2C;

    --dd-dot: #FAFAF7;
    --dd-dot-bg: rgba(17, 17, 17, 0.88);
    --dd-rail: rgba(250, 250, 247, 0.3);
    --dd-ghost: rgba(250, 250, 247, 0.16);
    --dd-ring: rgba(250, 250, 247, 0.5);

    --dd-fin-bg: #0A0A0A;
    --dd-fin-text: #FAFAF7;
    --dd-fin-soft: #D8D8D4;

    --dd-btn-bg: #C92F2C;
    --dd-btn-hover: #E53935;
    --dd-btn-text: #FFFFFF;
}

/* INSTRUCTORS: THE BELT TRAIL (dark mode) */
html[data-theme="dark"] .rk{--rk-mute:rgba(250,250,247,.74);--rk-line:rgba(250,250,247,.16);--rk-card:rgba(250,250,247,.05);--rk-red-text:#FF7B76}
html[data-theme="dark"] .rk-no{-webkit-text-stroke-color:rgba(250,250,247,.1)}
html[data-theme="dark"] .rk-photo{filter:drop-shadow(calc(var(--rk-dir)*12px) 12px 0 color-mix(in srgb,var(--c) 55%,transparent))}
html[data-theme="dark"] .rk-chip:hover{border-color:#FF7B76}
html[data-theme="dark"] .rk-trust li::before{border-color:#6fd18a}

/* =========================================================
   ZENDOJO ABOUT HERO V2 — DARK MODE
========================================================= */

html[data-theme="dark"] .zd-ah2,
html.dark .zd-ah2,
body.dark-mode .zd-ah2 {
    --ah2-bg: #111111;
    --ah2-text: #FAFAF7;
    --ah2-muted: #E1E1DC;
    --ah2-border: rgba(250, 250, 247, .18);

    background: #111111;
    color: #FAFAF7;
}

html[data-theme="dark"] .zd-ah2__description,
html.dark .zd-ah2__description,
body.dark-mode .zd-ah2__description {
    color: #E1E1DC;
}

html[data-theme="dark"] .zd-ah2__meta-item span,
html.dark .zd-ah2__meta-item span,
body.dark-mode .zd-ah2__meta-item span {
    color: #E1E1DC;
}

html[data-theme="dark"] .zd-ah2__button--text,
html.dark .zd-ah2__button--text,
body.dark-mode .zd-ah2__button--text {
    color: #FAFAF7;
    border-color: #FAFAF7;
}

html[data-theme="dark"] .zd-ah2__button--text:hover,
html.dark .zd-ah2__button--text:hover,
body.dark-mode .zd-ah2__button--text:hover {
    color: #EF4A46;
    border-color: #EF4A46;
}

html[data-theme="dark"] .zd-ah2__paint-stroke--one,
html.dark .zd-ah2__paint-stroke--one,
body.dark-mode .zd-ah2__paint-stroke--one {
    background:
        linear-gradient(
            125deg,
            #8E1716,
            #D92E2B,
            #EF4A46
        );
}

html[data-theme="dark"] .zd-ah2__paint-stroke--two,
html.dark .zd-ah2__paint-stroke--two,
body.dark-mode .zd-ah2__paint-stroke--two {
    background: #EF4A46;
}

html[data-theme="dark"] .zd-ah2__paint-stroke--three,
html.dark .zd-ah2__paint-stroke--three,
body.dark-mode .zd-ah2__paint-stroke--three {
    background: #8E1716;
}

html[data-theme="dark"] .zd-ah2__bottom,
html.dark .zd-ah2__bottom,
body.dark-mode .zd-ah2__bottom {
    background: rgba(17, 17, 17, .9);
    color: #FAFAF7;
}

html[data-theme="dark"] .zd-ah2__bottom-copy,
html.dark .zd-ah2__bottom-copy,
body.dark-mode .zd-ah2__bottom-copy {
    color: #D5D5D0;
}

html[data-theme="dark"] .zd-ah2__visual-label strong,
html.dark .zd-ah2__visual-label strong,
body.dark-mode .zd-ah2__visual-label strong {
    color: #111111;
}

/* =========================================================
   ZENDOJO — MISSION & VISION
   DARK MODE
   SECTION ONLY
========================================================= */

body.dark-mode .zd-mv,
.dark-mode .zd-mv,
[data-theme="dark"] .zd-mv {

    --mv-bg: #111111;

    --mv-surface: #1c1c1c;
    --mv-surface-soft: #242424;

    --mv-text: #f5f2ed;
    --mv-text-soft: #d0cbc4;
    --mv-text-faint: #96918b;

    --mv-red: #ef3d39;
    --mv-red-dark: #c92825;
    --mv-red-soft: #ff5b56;

    --mv-border: rgba(245, 242, 237, .13);
    --mv-border-strong: rgba(245, 242, 237, .23);

    background: var(--mv-bg);

    color: var(--mv-text);
}


/* Background */
body.dark-mode .zd-mv__grain,
.dark-mode .zd-mv__grain,
[data-theme="dark"] .zd-mv__grain {

    opacity: .035;

    background-image:
        radial-gradient(
            rgba(255, 255, 255, .8) .6px,
            transparent .6px
        );
}


/* Mission remains scarlet */
body.dark-mode .zd-mv__card--mission,
.dark-mode .zd-mv__card--mission,
[data-theme="dark"] .zd-mv__card--mission {

    background:
        linear-gradient(
            135deg,
            #e53935,
            #b9201e
        );

    color: #ffffff;
}


/* Vision */
body.dark-mode .zd-mv__card--vision,
.dark-mode .zd-mv__card--vision,
[data-theme="dark"] .zd-mv__card--vision {

    background: #1b1b1b;

    color: #f5f2ed;

    border-color:
        rgba(245, 242, 237, .18);
}


/* Mission highlighted word */
body.dark-mode .zd-mv__card--mission
.zd-mv__card-content h3 span,
.dark-mode .zd-mv__card--mission
.zd-mv__card-content h3 span,
[data-theme="dark"] .zd-mv__card--mission
.zd-mv__card-content h3 span {

    color: #111111;
}


/* Vision highlighted word */
body.dark-mode .zd-mv__card--vision
.zd-mv__card-content h3 span,
.dark-mode .zd-mv__card--vision
.zd-mv__card-content h3 span,
[data-theme="dark"] .zd-mv__card--vision
.zd-mv__card-content h3 span {

    color: #ff514c;
}


/* Vision paragraph */
body.dark-mode .zd-mv__card--vision
.zd-mv__card-content p,
.dark-mode .zd-mv__card--vision
.zd-mv__card-content p,
[data-theme="dark"] .zd-mv__card--vision
.zd-mv__card-content p {

    color: #d4cec6;
}


/* Intro */
body.dark-mode .zd-mv__intro,
.dark-mode .zd-mv__intro,
[data-theme="dark"] .zd-mv__intro {

    color: #d0cbc4;
}


/* Philosophy */
body.dark-mode .zd-mv__philosophy-content p,
.dark-mode .zd-mv__philosophy-content p,
[data-theme="dark"] .zd-mv__philosophy-content p {

    color: #c7c1b9;
}


/* Grid */
body.dark-mode .zd-mv__grid-line,
.dark-mode .zd-mv__grid-line,
[data-theme="dark"] .zd-mv__grid-line {

    background:
        rgba(245, 242, 237, .12);
}

/* =========================================================
   ZENDOJO — HISTORY DARK MODE
   ========================================================= */

body.dark-mode .zd-history,
.dark-mode .zd-history,
[data-theme="dark"] .zd-history {

    --history-bg: #111111;
    --history-surface: #1b1b1b;
    --history-surface-soft: #242424;

    --history-text: #f5f1eb;
    --history-text-soft: #d0cbc4;
    --history-text-faint: #9d9891;

    --history-red: #ef403b;
    --history-red-dark: #c82d29;
    --history-red-soft: #ff6862;

    --history-border: rgba(245, 241, 235, 0.12);
    --history-border-strong: rgba(245, 241, 235, 0.23);

    background: var(--history-bg);
    color: var(--history-text);
}


/* Background */
body.dark-mode .zd-history__grain,
.dark-mode .zd-history__grain,
[data-theme="dark"] .zd-history__grain {
    opacity: 0.025;

    background-image:
        radial-gradient(
            rgba(255, 255, 255, 0.9) 0.6px,
            transparent 0.7px
        );
}


/* Timeline */
body.dark-mode .zd-history__path-base,
.dark-mode .zd-history__path-base,
[data-theme="dark"] .zd-history__path-base {
    background:
        repeating-linear-gradient(
            to bottom,
            rgba(245, 241, 235, 0.2) 0 7px,
            transparent 7px 14px
        );
}


/* Cards */
body.dark-mode .zd-history__content,
.dark-mode .zd-history__content,
[data-theme="dark"] .zd-history__content,
body.dark-mode .zd-history__now-inner,
.dark-mode .zd-history__now-inner,
[data-theme="dark"] .zd-history__now-inner {
    background: #1b1b1b;

    box-shadow:
        0 22px 60px rgba(0, 0, 0, 0.28);
}


/* Main text */
body.dark-mode .zd-history__title,
.dark-mode .zd-history__title,
[data-theme="dark"] .zd-history__title,
body.dark-mode .zd-history__year span,
.dark-mode .zd-history__year span,
[data-theme="dark"] .zd-history__year span,
body.dark-mode .zd-history__content h3,
.dark-mode .zd-history__content h3,
[data-theme="dark"] .zd-history__content h3,
body.dark-mode .zd-history__now-year strong,
.dark-mode .zd-history__now-year strong,
[data-theme="dark"] .zd-history__now-year strong,
body.dark-mode .zd-history__now h3,
.dark-mode .zd-history__now h3,
[data-theme="dark"] .zd-history__now h3 {
    color: #f5f1eb;
}


/* Secondary text */
body.dark-mode .zd-history__intro p,
.dark-mode .zd-history__intro p,
[data-theme="dark"] .zd-history__intro p,
body.dark-mode .zd-history__content p,
.dark-mode .zd-history__content p,
[data-theme="dark"] .zd-history__content p,
body.dark-mode .zd-history__now p,
.dark-mode .zd-history__now p,
[data-theme="dark"] .zd-history__now p {
    color: #d0cbc4;
}


/* Faint text */
body.dark-mode .zd-history__year small,
.dark-mode .zd-history__year small,
[data-theme="dark"] .zd-history__year small,
body.dark-mode .zd-history__principle,
.dark-mode .zd-history__principle,
[data-theme="dark"] .zd-history__principle,
body.dark-mode .zd-history__now-seal span,
.dark-mode .zd-history__now-seal span,
[data-theme="dark"] .zd-history__now-seal span {
    color: #9d9891;
}


/* Marker background */
body.dark-mode .zd-history__marker,
.dark-mode .zd-history__marker,
[data-theme="dark"] .zd-history__marker {
    background: #111111;
}


/* Decorative infinity */
body.dark-mode .zd-history__now-inner::before,
.dark-mode .zd-history__now-inner::before,
[data-theme="dark"] .zd-history__now-inner::before {
    opacity: 0.06;
}


/* Dark mode borders */
body.dark-mode .zd-history__content,
.dark-mode .zd-history__content,
[data-theme="dark"] .zd-history__content {
    border-color: rgba(245, 241, 235, 0.13);
}

/* =========================================================
   ZENDOJO — ABOUT CTA
   DARK MODE
========================================================= */

body.dark-mode .zd-about-cta,
.dark-mode .zd-about-cta,
[data-theme="dark"] .zd-about-cta {

    --zd-cta-bg: #111111;
    --zd-cta-text: #f4f1ec;
    --zd-cta-text-soft: #d2cdc5;
    --zd-cta-red: #ef4541;
    --zd-cta-red-dark: #c52e2b;
    --zd-cta-border: rgba(255, 255, 255, 0.18);

    background: #111111;
    color: #f4f1ec;
}


/* Subtle dark background ring */

body.dark-mode .zd-about-cta::before,
.dark-mode .zd-about-cta::before,
[data-theme="dark"] .zd-about-cta::before {

    border-color:
        rgba(239, 69, 65, 0.12);
}


body.dark-mode .zd-about-cta::after,
.dark-mode .zd-about-cta::after,
[data-theme="dark"] .zd-about-cta::after {

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(239, 69, 65, 0.55),
            transparent
        );
}


/* Heading */

body.dark-mode .zd-about-cta__title,
.dark-mode .zd-about-cta__title,
[data-theme="dark"] .zd-about-cta__title {

    color: #f4f1ec;
}


body.dark-mode .zd-about-cta__title-line--accent,
.dark-mode .zd-about-cta__title-line--accent,
[data-theme="dark"] .zd-about-cta__title-line--accent {

    color: #ef4541;
}


/* Body text */

body.dark-mode .zd-about-cta__description,
.dark-mode .zd-about-cta__description,
[data-theme="dark"] .zd-about-cta__description,

body.dark-mode .zd-about-cta__subtext,
.dark-mode .zd-about-cta__subtext,
[data-theme="dark"] .zd-about-cta__subtext {

    color: #d2cdc5;
}


/* Values */

body.dark-mode .zd-about-cta__values,
.dark-mode .zd-about-cta__values,
[data-theme="dark"] .zd-about-cta__values {

    color: #f4f1ec;
}


/* Button */

body.dark-mode .zd-about-cta__button,
.dark-mode .zd-about-cta__button,
[data-theme="dark"] .zd-about-cta__button {

    background: #f4f1ec;
    color: #111111;

    border-color: #f4f1ec;

    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.35);
}


body.dark-mode .zd-about-cta__button:hover,
.dark-mode .zd-about-cta__button:hover,
[data-theme="dark"] .zd-about-cta__button:hover {

    background: #ef4541;
    color: #ffffff;

    border-color: #ef4541;

    box-shadow:
        0 14px 32px rgba(239, 69, 65, 0.2);
}


/* Bottom text */

body.dark-mode .zd-about-cta__bottom,
.dark-mode .zd-about-cta__bottom,
[data-theme="dark"] .zd-about-cta__bottom {

    color: #aaa49c;
}
/* 404 PAGE — theme-specific color treatment */
html[data-theme="light"] .zd-404__art::before {
    border-color: rgba(17, 17, 17, .14);
    background: radial-gradient(circle, rgba(233, 233, 228, .86), transparent 70%);
}
html[data-theme="light"] .zd-404__badge { box-shadow: 0 12px 32px rgba(17, 17, 17, .1); }
html[data-theme="dark"] .zd-404__art::before {
    border-color: rgba(250, 250, 247, .16);
    background: radial-gradient(circle, rgba(38, 38, 38, .9), transparent 70%);
}
html[data-theme="dark"] .zd-404__orbit { border-color: rgba(242, 96, 92, .55); }
html[data-theme="dark"] .zd-404__badge { box-shadow: 0 12px 34px rgba(0, 0, 0, .42); }
html[data-theme="dark"] .zd-404__theme,
html[data-theme="dark"] .zd-404__rtl { border-color: rgba(250, 250, 247, .18); }

/* =========================================================
   ZENDOJO — COMING SOON
   DARK MODE
========================================================= */

body.dark-mode .zd-coming,
.dark-mode .zd-coming,
[data-theme="dark"] .zd-coming {

    --zd-coming-bg: #111111;
    --zd-coming-text: #f4f1ec;
    --zd-coming-text-soft: #d2cdc5;
    --zd-coming-text-faint: #aaa49d;

    --zd-coming-red: #ef4541;
    --zd-coming-red-dark: #c82f2c;

    --zd-coming-border: rgba(244, 241, 236, 0.18);
    --zd-coming-grid: rgba(244, 241, 236, 0.035);

    background: #111111;
    color: #f4f1ec;
}


/* Background */

body.dark-mode .zd-coming__grid,
.dark-mode .zd-coming__grid,
[data-theme="dark"] .zd-coming__grid {

    opacity: 0;
}


/* Rings */

body.dark-mode .zd-coming__ring--one,
.dark-mode .zd-coming__ring--one,
[data-theme="dark"] .zd-coming__ring--one {

    border-color:
        rgba(239, 69, 65, 0.15);
}


body.dark-mode .zd-coming__ring--two,
.dark-mode .zd-coming__ring--two,
[data-theme="dark"] .zd-coming__ring--two {

    border-color:
        rgba(239, 69, 65, 0.065);
}


/* Controls */

body.dark-mode .zd-coming__control,
.dark-mode .zd-coming__control,
[data-theme="dark"] .zd-coming__control {

    color: #f4f1ec;

    border-color:
        rgba(244, 241, 236, 0.2);
}


body.dark-mode .zd-coming__control:hover,
.dark-mode .zd-coming__control:hover,
[data-theme="dark"] .zd-coming__control:hover {

    background: #f4f1ec;
    color: #111111;

    border-color: #f4f1ec;
}


/* Text */

body.dark-mode .zd-coming__brand-name,
.dark-mode .zd-coming__brand-name,
[data-theme="dark"] .zd-coming__brand-name {

    color: #f4f1ec;
}


body.dark-mode .zd-coming__description,
.dark-mode .zd-coming__description,
[data-theme="dark"] .zd-coming__description {

    color: #d2cdc5;
}


body.dark-mode .zd-coming__timer-number,
.dark-mode .zd-coming__timer-number,
[data-theme="dark"] .zd-coming__timer-number {

    color: #f4f1ec;
}


body.dark-mode .zd-coming__timer-label,
.dark-mode .zd-coming__timer-label,
[data-theme="dark"] .zd-coming__timer-label {

    color: #aaa49d;
}


body.dark-mode .zd-coming__values,
.dark-mode .zd-coming__values,
[data-theme="dark"] .zd-coming__values {

    color: #f4f1ec;
}


body.dark-mode .zd-coming__bottom,
.dark-mode .zd-coming__bottom,
[data-theme="dark"] .zd-coming__bottom {

    color: #aaa49d;
}


/* Button */

body.dark-mode .zd-coming__button,
.dark-mode .zd-coming__button,
[data-theme="dark"] .zd-coming__button {

    background: #f4f1ec;
    color: #111111;

    border-color: #f4f1ec;
}


body.dark-mode .zd-coming__button:hover,
.dark-mode .zd-coming__button:hover,
[data-theme="dark"] .zd-coming__button:hover {

    background: #ef4541;
    color: #ffffff;

    border-color: #ef4541;
}


/* Theme icon state */

body.dark-mode .zd-coming__sun,
.dark-mode .zd-coming__sun,
[data-theme="dark"] .zd-coming__sun {

    display: block;
}


body.dark-mode .zd-coming__moon,
.dark-mode .zd-coming__moon,
[data-theme="dark"] .zd-coming__moon {

    display: none;
}

/* =========================================================
   PROGRAMS HERO: LIGHT TOKENS
   ========================================================= */
:root,
html[data-theme="light"] {
    --pb-bg: #FAFAF7;
    --pb-text: #111111;
    --pb-text-soft: #333333;
    --pb-accent-text: #C92F2C;
    --pb-mark: rgba(229, 57, 53, 0.28);
    --pb-focus: #C92F2C;

    --pb-ray: rgba(229, 57, 53, 0.10);
    --pb-dot: rgba(17, 17, 17, 0.10);

    --pb-btn-bg: #C92F2C;
    --pb-btn-hover: #A82522;
    --pb-btn-text: #FFFFFF;
    --pb-link-line: rgba(17, 17, 17, 0.35);
    --pb-ghost-border: rgba(17, 17, 17, 0.35);
    --pb-chip-bg: rgba(17, 17, 17, 0.06);

    --pb-card: #FFFFFF;
    --pb-card-border: rgba(17, 17, 17, 0.14);
    --pb-card-shadow: 0 14px 30px rgba(17, 17, 17, 0.12);
    --pb-line-strong: rgba(17, 17, 17, 0.35);
    --pb-link: #B3261E;

    /* the board: fixed wood colours, dark brown text */
    --pb-wood-1: #E2C595;
    --pb-wood-2: #D2AF78;
    --pb-wood-edge: #A9824F;
    --pb-grain: rgba(120, 80, 40, 0.14);
    --pb-board-ink: #3B2410;
    --pb-crack: #3B2410;
    --pb-flash: rgba(255, 255, 255, 0.9);
}

/* =========================================================
   PROGRAMS HERO: DARK TOKENS
   ========================================================= */
html[data-theme="dark"] {
    --pb-bg: #111111;
    --pb-text: #FAFAF7;
    --pb-text-soft: #D8D8D4;
    --pb-accent-text: #FF6B66;
    --pb-mark: rgba(229, 57, 53, 0.45);
    --pb-focus: #FF6B66;

    --pb-ray: rgba(229, 57, 53, 0.20);
    --pb-dot: rgba(250, 250, 247, 0.10);

    --pb-btn-bg: #C92F2C;
    --pb-btn-hover: #E53935;
    --pb-btn-text: #FFFFFF;
    --pb-link-line: rgba(250, 250, 247, 0.45);
    --pb-ghost-border: rgba(250, 250, 247, 0.40);
    --pb-chip-bg: rgba(250, 250, 247, 0.10);

    --pb-card: #1E1E1E;
    --pb-card-border: rgba(250, 250, 247, 0.16);
    --pb-card-shadow: 0 14px 30px rgba(0, 0, 0, 0.55);
    --pb-line-strong: rgba(250, 250, 247, 0.40);
    --pb-link: #FF6B66;

    --pb-wood-1: #D6B684;
    --pb-wood-2: #C79F69;
    --pb-wood-edge: #8F6B3E;
    --pb-grain: rgba(90, 55, 25, 0.18);
    --pb-board-ink: #3B2410;
    --pb-crack: #3B2410;
    --pb-flash: rgba(255, 255, 255, 0.6);
}

/* =========================================================
   PARENT DASHBOARD: LIGHT TOKENS
   ========================================================= */
:root,
html[data-theme="light"] {
    --db-bg: #F1EFE8;
    --db-text: #111111;
    --db-soft: #333333;
    --db-accent-text: #C92F2C;
    --db-focus: #C92F2C;

    --db-card: #FFFFFF;
    --db-line: rgba(17, 17, 17, 0.12);
    --db-line-strong: rgba(17, 17, 17, 0.38);
    --db-shadow: 0 10px 28px rgba(17, 17, 17, 0.08);

    --db-side-bg: #FAFAF7;
    --db-side-line: rgba(17, 17, 17, 0.12);
    --db-link-hover: rgba(17, 17, 17, 0.06);
    --db-link-active-bg: rgba(229, 57, 53, 0.10);

    --db-btn-bg: #C92F2C;
    --db-btn-hover: #A82522;
    --db-btn-text: #FFFFFF;
    --db-ghost-border: rgba(17, 17, 17, 0.40);
    --db-disabled-bg: #E4E1D8;
    --db-disabled-text: #5A5A55;

    --db-chip-bg: rgba(17, 17, 17, 0.06);
    --db-on-bg: #111111;
    --db-on-text: #FAFAF7;
    --db-pill-bg: #111111;
    --db-pill-text: #FAFAF7;
    --db-date-bg: #111111;
    --db-date-text: #FAFAF7;

    --db-ok: #1B6B2F;
    --db-ok-bg: rgba(27, 107, 47, 0.12);
    --db-warn: #8A5A00;
    --db-warn-bg: #FFF1D0;
    --db-error: #B3261E;

    --db-track: rgba(17, 17, 17, 0.12);
    --db-input: #FFFFFF;

    --db-toast-bg: #111111;
    --db-toast-text: #FAFAF7;
}

/* =========================================================
   PARENT DASHBOARD: DARK TOKENS
   ========================================================= */
html[data-theme="dark"] {
    --db-bg: #0B0B0B;
    --db-text: #FAFAF7;
    --db-soft: #D8D8D4;
    --db-accent-text: #FF6B66;
    --db-focus: #FF6B66;

    --db-card: #1A1A1A;
    --db-line: rgba(250, 250, 247, 0.14);
    --db-line-strong: rgba(250, 250, 247, 0.42);
    --db-shadow: 0 10px 28px rgba(0, 0, 0, 0.5);

    --db-side-bg: #111111;
    --db-side-line: rgba(250, 250, 247, 0.14);
    --db-link-hover: rgba(250, 250, 247, 0.08);
    --db-link-active-bg: rgba(229, 57, 53, 0.20);

    --db-btn-bg: #C92F2C;
    --db-btn-hover: #E53935;
    --db-btn-text: #FFFFFF;
    --db-ghost-border: rgba(250, 250, 247, 0.45);
    --db-disabled-bg: #2A2A2A;
    --db-disabled-text: #A8A8A2;

    --db-chip-bg: rgba(250, 250, 247, 0.10);
    --db-on-bg: #FAFAF7;
    --db-on-text: #111111;
    --db-pill-bg: #FAFAF7;
    --db-pill-text: #111111;
    --db-date-bg: #FAFAF7;
    --db-date-text: #111111;

    --db-ok: #7BDC96;
    --db-ok-bg: rgba(123, 220, 150, 0.14);
    --db-warn: #F4C430;
    --db-warn-bg: rgba(244, 196, 48, 0.14);
    --db-error: #FF8A85;

    --db-track: rgba(250, 250, 247, 0.16);
    --db-input: #111111;

    --db-toast-bg: #FAFAF7;
    --db-toast-text: #111111;
}

/* =========================================================
   ADMIN DASHBOARD (dark mode)
   ========================================================= */
html[data-theme="dark"] .ad{--ad-bg:#0B0B0B;--ad-surface:#171716;--ad-mute:rgba(250,250,247,.74);--ad-line:rgba(250,250,247,.14);--ad-soft:rgba(250,250,247,.055);--ad-red-text:#FF7B76}
html[data-theme="dark"] .ad-stat em b{color:#6FD18A}
html[data-theme="dark"] .ad-badge{background:#E53935}
html[data-theme="dark"] .ad-avatar{border-color:var(--ad-surface)}
html[data-theme="dark"] .ad-toast{background:#FAFAF7;color:#111}
html[data-theme="dark"] .ad-btn:hover,html[data-theme="dark"] .ad-link:hover{border-color:#FF7B76}
html[data-theme="dark"] .ad-card{box-shadow:0 20px 40px -28px rgba(0,0,0,.9)}

/* Index page: keep the stats band and belt journey dark with readable text. */
html[data-theme="dark"] .pl-stats {
    --pl-band-bg: #000000;
    --pl-band-text: #FAFAF7;
    --pl-band-soft: #E5E5E5;
    --pl-band-accent: #FF6B66;
    --pl-band-line: rgba(250, 250, 247, 0.18);
    background: #000000;
    color: #FAFAF7;
}

html[data-theme="dark"] #beltJourney {
    background: #000000;
    color: #FAFAF7;
}

html[data-theme="dark"] #beltJourney .belt-journey__title {
    color: #FAFAF7 !important;
    -webkit-text-fill-color: #FAFAF7;
}

html[data-theme="dark"] #beltJourney .belt-journey__description,
html[data-theme="dark"] #beltJourney .belt-step__info p,
html[data-theme="dark"] #beltJourney .belt-journey__closing p {
    color: #E5E5E5;
}

html[data-theme="dark"] #beltJourney .belt-journey__line {
    background: rgba(250, 250, 247, 0.14);
}

html[data-theme="dark"] #beltJourney .belt-step__content {
    background: #171716;
    border-color: rgba(250, 250, 247, 0.16);
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] #beltJourney .belt-step__info h3 {
    color: #FAFAF7;
}

html[data-theme="dark"] #beltJourney .belt-step__number {
    color: #D0D0CC;
}

html[data-theme="dark"] #beltJourney .belt-step__skills span {
    background: #111111;
    border-color: rgba(250, 250, 247, 0.18);
    color: #FAFAF7;
}

html[data-theme="dark"] #beltJourney .belt-journey__closing-line {
    background: rgba(250, 250, 247, 0.16);
}