/* Hero Dark 1.0: the drafting board at night.
   Graphite paper with a faint grid, smoked glass panels, light ink, and the same Herucation red:
   brand red stays on every filled button; red used as TEXT is lifted (#FF5A6E / #FF8A99) so it
   keeps 4.5:1 on dark. Everything is scoped under html[data-theme="dark"], which the <head> script
   sets from the visitor's saved choice before the first paint. */

html[data-theme="dark"]{
  color-scheme:dark;
  --dk-paper:#0E0F11;
  --dk-grid:rgba(255,255,255,.032); --dk-grid-major:rgba(255,255,255,.06);
  --dk-panel:linear-gradient(140deg,rgba(33,35,39,.94),rgba(24,26,29,.82));
  --dk-solid:#191B1E; --dk-raise:#202226;
  --dk-edge:rgba(255,255,255,.075);
  --dk-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 1px 2px rgba(0,0,0,.45),0 24px 48px -30px rgba(0,0,0,.85);
  --dk-field:#111316; --dk-line:rgba(255,255,255,.09);
  --dk-ink:#EDEEF0; --dk-text:#D3D7DC; --dk-slate:#B4BAC1; --dk-muted:#9AA1A9;
  --dk-red:#FF5A6E; --dk-red-soft:#FF8A99; --dk-red-wash:rgba(255,90,110,.14);
  --dk-ok:#3FCF92;
  --dk-brand:linear-gradient(180deg,#E0233B,#D2122E 55%,#B40F28);
  /* Brand Kit mark: "color for dark backgrounds" pair (the cut-outs show the page through) */
  --mk-a:#B3102A; --mk-b:#E0233B;
  background:#0E0F11;
}
html[data-theme="dark"] body{background-color:var(--dk-paper);color:var(--dk-text)}
:where(html[data-theme="dark"]) a{color:var(--dk-red)}
html[data-theme="dark"] ::placeholder{color:var(--dk-muted);opacity:1}
html[data-theme="dark"] ::selection{background:#D2122E;color:#fff}
/* course art is drawn on white: take the glare off at night */
html[data-theme="dark"] :is(.hh .thumb img,.tutor-course-thumbnail img,.hw img){filter:brightness(.9)}

/* ===================== homepage, catalog, nav island, footer, tab bar (.hh) ===================== */
html[data-theme="dark"] body.hh-page{background:var(--dk-paper)}
html[data-theme="dark"] .hh{
  --paper:#0E0F11; --sheet:#17191C; --ink:#EDEEF0; --slate:#B4BAC1; --muted:#9AA1A9;
  --rule:rgba(255,255,255,.1); --rule-strong:rgba(255,255,255,.2);
  --grid:var(--dk-grid); --grid-major:var(--dk-grid-major);
  --red:#FF5A6E; --red-hi:#FF7083; --red-deep:#FF8A99; --red-wash:rgba(255,90,110,.14);
  --ok:#3FCF92;
  --glass-fill:linear-gradient(140deg,rgba(33,35,39,.9),rgba(23,25,28,.72));
  --glass-edge:rgba(255,255,255,.075);
  --glass-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(0,0,0,.35),0 1px 2px rgba(0,0,0,.45),0 24px 48px -28px rgba(0,0,0,.8);
  --ring:rgba(255,255,255,.08);
  color-scheme:dark;
}
html[data-theme="dark"] .hh .hh-glass::after{background:radial-gradient(240px circle at var(--mx,20%) var(--my,0%),rgba(255,255,255,.07),transparent 60%)}
html[data-theme="dark"] .hh .hh-frost{background:rgba(18,20,23,.66)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html[data-theme="dark"] .hh .hh-frost{background:rgba(18,20,23,.96)}}
@media (prefers-reduced-transparency:reduce){html[data-theme="dark"] .hh :is(.hh-frost,.hh-glass){background:#191B1E!important}}

/* filled red stays the brand red */
html[data-theme="dark"] .hh :is(.hh-btn-red,.chip[aria-pressed="true"],.block .k b,.hh-yr[aria-selected="true"] .yn){background:var(--dk-brand)}
html[data-theme="dark"] .hh :is(.hh-btn-white .orb,.card:hover .go .orb){background:#D2122E;color:#fff}
html[data-theme="dark"] .hh .hh-btn-glass .orb{background:rgba(255,255,255,.08)}
html[data-theme="dark"] .hh .hh-btn-glass:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px -22px rgba(0,0,0,.9)}

/* island + menu */
html[data-theme="dark"] .hh-island{border-color:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 1px 2px rgba(0,0,0,.5),0 18px 40px -24px rgba(0,0,0,.9)}
html[data-theme="dark"] .hh .hh-lens{background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 4px 14px -6px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.05)}
html[data-theme="dark"] .hh .hh-burger{background:rgba(255,255,255,.08)}
html[data-theme="dark"] .hh-sheet{background:rgba(14,15,17,.8)}
html[data-theme="dark"] .hh .hh-mode{background:rgba(255,255,255,.07);color:var(--dk-slate)}
html[data-theme="dark"] .hh .hh-mode:hover{background:rgba(255,255,255,.12);color:var(--dk-ink)}

/* tab bar (phones) */
html[data-theme="dark"] .hh-tabbar{border-color:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 1px 2px rgba(0,0,0,.5),0 18px 40px -20px rgba(0,0,0,.95)}
html[data-theme="dark"] .hh .hh-tabbar a.on{background:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(255,90,110,.28)}

/* hero ruler, faculty pills, subject index */
html[data-theme="dark"] .hh-ruler .ticks{background-image:linear-gradient(90deg,rgba(255,255,255,.5) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px)}
html[data-theme="dark"] .hh-ruler .cell{border-inline-start-color:rgba(255,255,255,.07)}
html[data-theme="dark"] .hh .fac[aria-selected="true"]{color:#141414;background:#EDEEF0;box-shadow:0 10px 22px -12px rgba(0,0,0,.8)}
html[data-theme="dark"] .hh .hh-ixr{border-bottom-color:rgba(255,255,255,.07)}
@media (max-width:760px){html[data-theme="dark"] .hh .hh-ixr:nth-last-child(2){border-bottom-color:rgba(255,255,255,.07)}}
html[data-theme="dark"] .hh .hh-yr .yn{background:rgba(255,255,255,.05)}
html[data-theme="dark"] .hh .hh-yr[aria-selected="true"]{box-shadow:var(--glass-shadow),inset 0 0 0 1.5px rgba(255,90,110,.5)}

/* course cards */
html[data-theme="dark"] .hh .thumb .cat{background:rgba(14,15,17,.82);color:var(--dk-ink);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 2px 8px -2px rgba(0,0,0,.6)}
html[data-theme="dark"] .hh .thumb .free-tag{background:#0b8a5f}
html[data-theme="dark"] .hh-cat .hc-empty{background:rgba(255,255,255,.04)}
html[data-theme="dark"] .hh-cat .hc-free[aria-pressed="true"]{background:linear-gradient(180deg,#119a6c,#0b8a5f)}

/* wallet band + receipt */
html[data-theme="dark"] .hh-band{background:linear-gradient(160deg,#B3132B,#9B0F24 45%,#760B1B)}
html[data-theme="dark"] .hh .receipt{background:linear-gradient(140deg,rgba(30,32,36,.97),rgba(22,24,27,.92));border-color:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 30px 60px -28px rgba(0,0,0,.85)}

/* sign-in card on the homepage */
html[data-theme="dark"] .hh .hh-login input[type=text],html[data-theme="dark"] .hh .hh-login input[type=password]{background:var(--dk-field);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
html[data-theme="dark"] .hh .hh-login input:focus{box-shadow:inset 0 0 0 1.5px #E0233B,0 0 0 4px rgba(255,90,110,.16)}
html[data-theme="dark"] .hh .hh-login .fl>span:first-child{color:var(--dk-slate)}

/* formula sheet: the engineer's pad at night */
html[data-theme="dark"] .hh .fs-tab{background:#1B1D21;color:var(--dk-slate);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),inset 0 0 0 1px rgba(255,255,255,.06)}
html[data-theme="dark"] .hh .fs-tab:hover{color:var(--dk-ink)}
html[data-theme="dark"] .hh .fs-tab[aria-selected="true"]{background:#17191C;color:var(--dk-ink);box-shadow:inset 0 2px 0 #FF5A6E,0 -10px 18px -14px rgba(0,0,0,.7)}
html[data-theme="dark"] .hh .fs-sheet{background-color:#17191C;background-image:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 1px 0 rgba(0,0,0,.4),0 36px 64px -34px rgba(0,0,0,.9)}
html[data-theme="dark"] .hh .ff-s{background-color:var(--dk-field);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B4BAC1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
html[data-theme="dark"] .hh .ff-s:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
html[data-theme="dark"] .hdd .hdd-btn,html[data-theme="dark"] .hdd .hdd-btn:hover,html[data-theme="dark"] .hdd .hdd-btn:focus,html[data-theme="dark"] .hh .hdd-ff .hdd-btn{background-color:var(--dk-field);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B4BAC1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");box-shadow:inset 0 0 0 1px rgba(255,255,255,.13);color:var(--dk-ink)}
html[data-theme="dark"] .hdd .hdd-btn:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
html[data-theme="dark"] .hdd .hdd-btn:focus-visible,html[data-theme="dark"] .hdd .hdd-btn[aria-expanded="true"]{box-shadow:inset 0 0 0 1.5px #E0233B,0 0 0 4px rgba(255,90,110,.16)}
html[data-theme="dark"] .hdd .hdd-btn.is-empty{color:var(--dk-muted)}
html[data-theme="dark"] .hdd-pop{background:#1B1D21;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 1px 2px rgba(0,0,0,.5),0 24px 48px -16px rgba(0,0,0,.9)}
html[data-theme="dark"] .hdd .hdd-search{background:#121417!important;color:var(--dk-ink)}
html[data-theme="dark"] .hdd-opt{color:var(--dk-ink)}
html[data-theme="dark"] .hdd-opt.is-active{background:rgba(255,255,255,.07)}
html[data-theme="dark"] .hdd-opt[aria-selected="true"]{color:var(--dk-red-soft)}
html[data-theme="dark"] :is(.hdd-ct,.hdd-none){color:var(--dk-muted)}
html[data-theme="dark"] .hh .ff-s:focus-visible{box-shadow:inset 0 0 0 1.5px #E0233B,0 0 0 4px rgba(255,90,110,.16)}
html[data-theme="dark"] .hh .ff-qbox{background:var(--dk-field);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
html[data-theme="dark"] .hh .ff-qbox:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
html[data-theme="dark"] .hh .ff-qbox:focus-within{box-shadow:inset 0 0 0 1.5px #E0233B,0 0 0 4px rgba(255,90,110,.16)}
html[data-theme="dark"] .hh .ff-qbox .ic{color:var(--dk-muted)}
html[data-theme="dark"] .hh .ff-qbox input{color:var(--dk-ink)}
html[data-theme="dark"] .hh .fs-block{background:transparent;border-color:rgba(237,238,240,.72)}
html[data-theme="dark"] .hh .fs-block>div{border-inline-start-color:rgba(255,255,255,.28)}
html[data-theme="dark"] .hh .fs-rows li{border-bottom-color:rgba(255,255,255,.1)}
html[data-theme="dark"] .hh .fs-foot{border-top-color:rgba(237,238,240,.72)}
html[data-theme="dark"] .hh .fs-course:hover{background:rgba(255,90,110,.22)}
@media (max-width:640px){
  html[data-theme="dark"] .hh .fs-sheet{background-image:linear-gradient(90deg,transparent 37px,rgba(255,90,110,.34) 37px,rgba(255,90,110,.34) 38px,transparent 38px),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px)}
  html[data-theme="dark"] .hh .fs-block>div:nth-child(n+3){border-top-color:rgba(255,255,255,.28)}
}

/* footer */
html[data-theme="dark"] .hh-foot{border-top-color:rgba(255,255,255,.08)}
html[data-theme="dark"] body.hs-on .hs-bottom .hh-foot{background:rgba(14,15,17,.6)}

/* ===================== every other page (skin.css + layout.css) ===================== */
html[data-theme="dark"] body.hs-on{
  --hs-ink:#EDEEF0; --hs-slate:#B4BAC1; --hs-muted:#9AA1A9; --hs-paper:#0E0F11; --hs-ok:#3FCF92;
  background-color:var(--dk-paper)!important;
  background-image:linear-gradient(var(--dk-grid-major) 1px,transparent 1px),linear-gradient(90deg,var(--dk-grid-major) 1px,transparent 1px),linear-gradient(var(--dk-grid) 1px,transparent 1px),linear-gradient(90deg,var(--dk-grid) 1px,transparent 1px)!important;
  color:var(--dk-text);
  /* Tutor's own colour system */
  --tutor-body-color:#E6E8EB; --tutor-body-color-rgb:230,232,235;
  --tutor-color-secondary:#C2C7CD; --tutor-color-subdued:#AEB4BB; --tutor-color-hints:#9AA1A9; --tutor-color-muted:#9AA1A9;
  --tutor-color-gray:#2B2E33; --tutor-color-gray-rgb:43,46,51; --tutor-color-gray-10:#1C1E22;
  --tutor-border-color:#2E3136; --tutor-border-color-rgb:46,49,54;
  --tutor-color-primary-hover:#FF5A6E;
  /* Tutor 3's own dark palette (data-tutor-theme="dark") is navy; bring its surfaces onto our graphite */
  --tutor-surface-base:#121316; --tutor-surface-l1:#1B1D21; --tutor-surface-l1-hover:#222429; --tutor-surface-l2:#2A2D32; --tutor-surface-l2-hover:#33363C;
  --tutor-surface-l3:#202226; --tutor-surface-sidebar-l1:#141518; --tutor-surface-dark:#0E0F11; --tutor-border-idle:#2E3136;
  /* brand-tinted chips (dashboard "Welcome to Herucation", the active lesson tab) were red text on navy, 3.6:1 */
  --tutor-surface-brand-tertiary:rgba(255,90,110,.13); --tutor-text-brand:#FF8A99;
}
html[data-theme="dark"] body.hero-theme{--hl-glass:var(--dk-panel);--hl-edge:1px solid var(--dk-edge);--hl-shadow:var(--dk-shadow)}

/* panels and cards: smoked glass */
html[data-theme="dark"] body.hs-on :is(.tutor-card,.tutor-course-card,.tutor-dashboard-card,.tutor-stat-card,.woocommerce ul.products li.product,.tutor-sidebar-card,.widget,.tutor-course-details-widget,
  .tutor-login-wrap,.ss-card,.um.um-login,.um.um-register,.um.um-password,.heco-rf-balance,.heco-rf-steps,.heco-rf-pay,.heco-rf-wait,.heco-rf-done,
  .tutor-learning-header,.tutor-learning-sidebar,.hl-prose,.hl-panel,.edublink-single-course .inner,.edublink-course-details-sidebar-inner,.edublink-course-sidebar,
  .eb-course-sidebar,.course-sidebar-3,.edublink-category-1,.edublink-course-page-header .eb-course-header-breadcrumb-content):not(.hh *){
  background:var(--dk-panel)!important;border-color:var(--dk-edge)!important;box-shadow:var(--dk-shadow)!important}
html[data-theme="dark"] body.hs-page .site-content-inner #primary .site-main > :is(article,.page){background:var(--dk-panel)!important;border-color:var(--dk-edge)!important;box-shadow:var(--dk-shadow)!important}
html[data-theme="dark"] body.hs-on .tutor-card .tutor-card:not(.hh *){background:transparent!important;box-shadow:none!important}
html[data-theme="dark"] body.hs-on .tutor-card-body:not(.hh *){background-color:transparent!important}

/* secondary buttons */
html[data-theme="dark"] body.hs-on :is(.tutor-btn-outline-primary,.tutor-btn-secondary,.tutor-btn-tertiary,.woocommerce a.button:not(.alt),.woocommerce button.button:not(.alt),.um-alt,.um .um-col-alt .um-right a.um-button.um-alt,.um-login .um-col-alt .um-right .um-button):not(.hh *){
  background:rgba(255,255,255,.06)!important;color:var(--dk-ink)!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important}
html[data-theme="dark"] body.hs-on :is(.tutor-btn-outline-primary,.tutor-btn-secondary,.woocommerce a.button:not(.alt),.um .um-col-alt .um-right a.um-button.um-alt):not(.hh *):hover{color:var(--dk-red-soft)!important;border-color:rgba(255,90,110,.4)!important}
html[data-theme="dark"] body.hs-on .tutor-btn-ghost{color:var(--dk-text)}

/* fields */
html[data-theme="dark"] body.hs-on :is(input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="tel"],input[type="search"],input[type="url"],input[type="date"],select,textarea,.tutor-form-control):not(.hh *){
  background:var(--dk-field)!important;border-color:rgba(255,255,255,.13)!important;color:var(--dk-ink)!important;box-shadow:none!important}
html[data-theme="dark"] body.hs-on :is(input,select,textarea,.tutor-form-control):not(.hh *):focus{border-color:#E0233B!important;box-shadow:0 0 0 4px rgba(255,90,110,.16)!important}

/* text that skin/layout set as dark ink */
html[data-theme="dark"] body.hs-on :is(.tutor-color-muted,.tutor-color-hints){color:var(--dk-muted)!important}
html[data-theme="dark"] body.hs-on :is(.tutor-color-black,.tutor-color-secondary){color:var(--dk-text)!important}
html[data-theme="dark"] body.hs-on :is(.tutor-color-primary,.tutor-text-primary){color:var(--dk-red)!important}
html[data-theme="dark"] body.hs-on .site-content-inner a:not(.hh *):not([class*="btn"]):not(.button):not(.elementor-button):hover{color:var(--dk-red-soft)}
html[data-theme="dark"] body.hs-on .tutor-nav-link.is-active,html[data-theme="dark"] body.hs-on .tutor-nav-link:hover{color:var(--dk-red)!important;border-color:#E0233B!important}
html[data-theme="dark"] body.hs-on .tutor-accordion-item-header.is-active{color:var(--dk-red)!important}
html[data-theme="dark"] .ht-title,html[data-theme="dark"] .ht-entry{color:var(--dk-ink)}
html[data-theme="dark"] .ht-card{background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--dk-line)}

/* Tutor pieces that hard-code white */
html[data-theme="dark"] body.hs-on :is(.tutor-bg-white,.tutor-accordion-item,.tutor-modal-content-white,.tutor-modal-header,.tutor-modal-footer,.tutor-offcanvas .tutor-offcanvas-main,
  .tutor-form-select-dropdown,.tutor-dropdown-select-options-container,.tutor-dropdown-select-selected,.tutor-nav-tabs-container,.tutor-nav-tabs .tutor-nav-link.is-active,
  .tutor-large-notification,.tutor-course-single-sidebar-title,.tutor-course-single-sidebar-wrapper .tutor-accordion-item-body,.tutor-course-single-sidebar-wrapper .tutor-course-topic-item a,
  .tutor-qna-single-question .tutor-qa-reply,.tutor-qna-single-question .tutor-qa-chatlist .tutor-qna-chat .tutor-qna-text,.tutor-actual-comment,.tutor-checkout-payment-options,
  .tutor-checkout-page .tutor-apply-coupon-form,.tutor-course-filter-container,.tutor-dropdown,.tutor-popup-opener .tutor-dropdown,.tutor-modal-content,.react-datepicker,.ui-datepicker,
  .woocommerce div.product .woocommerce-tabs ul.tabs li.active):not(.hh *){background-color:var(--dk-solid)!important;border-color:var(--dk-line)!important;color:var(--dk-text)}
html[data-theme="dark"] body.hs-on :is(.tutor-course-content-list-item,.tutor-card-list-item,.tutor-table tr td,table.course-single-gradebooks tbody td):not(.hh *){background-color:transparent!important;border-color:var(--dk-line)!important}
html[data-theme="dark"] body.hs-on .tutor-accordion-item{border-color:var(--dk-line)!important;background:rgba(255,255,255,.03)!important}
html[data-theme="dark"] body.hs-on .tutor-accordion-item-header{background:transparent!important;color:var(--dk-ink)}
html[data-theme="dark"] body.hs-on .tutor-table :is(th,thead tr){background-color:var(--dk-raise)!important;color:var(--dk-slate)!important;border-color:var(--dk-line)!important}
html[data-theme="dark"] body.hs-on .tutor-progress-circle::before{background:var(--dk-solid)}
html[data-theme="dark"] body.hs-on .tutor-switch .slider::before{background:#EDEEF0}
html[data-theme="dark"] body.hs-on :is(.woocommerce-message,.woocommerce-info,.woocommerce-error,.tutor-alert):not(.hh *){background:var(--dk-solid)!important;border-color:var(--dk-line)!important;color:var(--dk-text)!important;box-shadow:0 14px 30px -22px rgba(0,0,0,.8)!important}
html[data-theme="dark"] body.hs-on .woocommerce table.shop_table{background:var(--dk-solid)}
html[data-theme="dark"] body.hs-on :is(hr,.tutor-hr){border-color:var(--dk-line)!important;background:var(--dk-line)}

/* login + register */
html[data-theme="dark"] body.hs-page .tutor-login-wrap :is(h3,h4,.tutor-fs-5){color:var(--dk-ink)!important}
html[data-theme="dark"] body.hs-page :is(.um-login,.um-register,.tutor-login-wrap,.ss-card) :is(label,.um-field-label,.um-field-label label){color:var(--dk-slate)!important}
html[data-theme="dark"] body.hs-page :is(.um a.um-link-alt,.tutor-login-wrap a){color:var(--dk-red)!important}
html[data-theme="dark"] body.hs-page .hsa-or{color:var(--dk-muted)!important}

/* sign-up form (it reads EduBlink's variables; "white" is both its chip fill and its selected-chip text) */
html[data-theme="dark"] body.hs-on{
  --edublink-color-primary:#E0233B; --edublink-color-heading:#EDEEF0; --edublink-color-body:#B4BAC1;
  --edublink-color-border:rgba(255,255,255,.14); --edublink-color-white:#1B1D21; --edublink-color-lighten01:#202226; --edublink-color-secondary:#3FCF92;
}
html[data-theme="dark"] .ss-signup .ss-chip input:checked + span{color:#fff}
html[data-theme="dark"] .ss-signup .ss-card-opt input:checked + span{background:rgba(255,90,110,.12);color:#FF8A99}

/* text pages (About, Contact, Privacy, Terms) */
html[data-theme="dark"] body.hs-on .hl-prose{color:var(--dk-text)}
html[data-theme="dark"] body.hs-on .hl-prose :is(h2,.hl-lead){color:var(--dk-ink)}
html[data-theme="dark"] body.hs-on .hl-prose a{color:var(--dk-red)}
html[data-theme="dark"] body.hs-on .hl-prose .hl-meta{color:var(--dk-muted)}
html[data-theme="dark"] body.hs-on .hl-way{background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--dk-line),0 14px 30px -24px rgba(0,0,0,.8);color:var(--dk-ink)!important}
html[data-theme="dark"] body.hs-on .hl-way span{color:var(--dk-red)}

/* course page (layout.css 1.0 + 2.1) */
html[data-theme="dark"] body.hero-theme.single-courses .hl-crumbs{color:var(--dk-muted)}
html[data-theme="dark"] body.hero-theme.single-courses .hl-crumbs a{color:var(--dk-slate)!important}
html[data-theme="dark"] body.hero-theme.single-courses .hl-crumbs a:hover{color:var(--dk-red-soft)!important}
html[data-theme="dark"] body.hero-theme.single-courses .hl-crumbs i{background:rgba(255,255,255,.25)}
html[data-theme="dark"] body.hero-theme.single-courses .tutor-course-details-title{color:var(--dk-ink)!important}
html[data-theme="dark"] body.hero-theme.single-courses .tutor-course-details-info{color:var(--dk-slate)!important}
html[data-theme="dark"] body.hero-theme.single-courses .tutor-course-details-info a{background:var(--dk-red-wash);color:var(--dk-red-soft)!important}
html[data-theme="dark"] body.hero-theme.single-courses .tutor-sidebar-card .tutor-card-footer{border-top-color:var(--dk-line)!important}
html[data-theme="dark"] body.hero-theme.single-courses .tutor-sidebar-card .tutor-card-footer li{color:var(--dk-text)}
html[data-theme="dark"] body.hero-theme.single-courses .tutor-sidebar-card :is(.tutor-course-sidebar-card-pricing,.tutor-course-price,.price){color:var(--dk-ink)}
html[data-theme="dark"] body.hero-theme.single-courses .tutor-course-details-tab .tutor-nav{border-bottom-color:var(--dk-line)!important}
html[data-theme="dark"] body.hero-theme.single-courses .tutor-course-details-tab .tutor-nav-link{color:var(--dk-slate)!important}
html[data-theme="dark"] body.hero-theme.single-courses .tutor-course-details-tab .tutor-nav-link.is-active{color:var(--dk-red)!important;border-bottom-color:#E0233B!important}
html[data-theme="dark"] body.hero-theme.single-courses .tutor-course-content-list-item:hover{background:rgba(255,255,255,.04)!important}
html[data-theme="dark"] body.hero-theme.single-courses .hl-chip{background:rgba(255,255,255,.07);color:var(--dk-text)}
html[data-theme="dark"] body.hero-theme.single-courses a.hl-chip.is-subject{background:var(--dk-red-wash);color:var(--dk-red-soft)!important}
html[data-theme="dark"] body.hero-theme.single-courses a.hl-chip.is-subject:hover{background:rgba(255,90,110,.22)}
html[data-theme="dark"] body.hero-theme.single-courses .hl-chip.is-free{background:rgba(63,207,146,.14);color:var(--dk-ok)}
html[data-theme="dark"] body.hero-theme.single-courses .hl-chip.is-left,html[data-theme="dark"] body.hero-theme .hl-left{background:rgba(63,207,146,.14);color:var(--dk-ok)}
html[data-theme="dark"] body.hero-theme.single-courses .hl-chip.is-left.is-urgent,html[data-theme="dark"] body.hero-theme .hl-left.is-urgent{background:var(--dk-red-wash);color:var(--dk-red-soft)}
html[data-theme="dark"] body.hero-theme.single-courses .hl-teachers{border-top-color:var(--dk-line)}
html[data-theme="dark"] body.hero-theme.single-courses .hl-teacher{background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--dk-line),0 10px 22px -18px rgba(0,0,0,.8);color:var(--dk-ink)!important}
html[data-theme="dark"] body.hero-theme.single-courses a.hl-teacher:hover{box-shadow:inset 0 0 0 1px rgba(255,90,110,.35),0 14px 26px -18px rgba(0,0,0,.9)}
html[data-theme="dark"] body.hero-theme.single-courses .hl-initials{background:var(--dk-red-wash);color:var(--dk-red-soft)}
html[data-theme="dark"] body.hero-theme.single-courses .hl-who small,html[data-theme="dark"] body.hero-theme.single-courses .hl-get li span{color:var(--dk-muted)}
html[data-theme="dark"] body.hero-theme.single-courses .hl-summary{color:var(--dk-slate)}
html[data-theme="dark"] body.hero-theme :is(.hl-summary .ic,.hl-get li .ic){color:var(--dk-red)}
html[data-theme="dark"] body.hero-theme.single-courses .hl-get li b{color:var(--dk-ink)}

/* lessons */
html[data-theme="dark"] body.hs-learn .tutor-learning-sidebar :is([class*="active"],.is-active){background:var(--dk-red-wash)!important}
html[data-theme="dark"] body.hs-learn .tutor-learning-sidebar :is([class*="active"],.is-active) [class*="title"]{color:var(--dk-red-soft)!important}
html[data-theme="dark"] body.hs-learn .tutor-btn-ghost:hover{background:var(--dk-red-wash)!important;color:var(--dk-red-soft)!important}
html[data-theme="dark"] body.hs-learn .tutor-learning-sidebar .tutor-learning-nav-topic.active{background:transparent!important}
html[data-theme="dark"] body.hs-learn .tutor-learning-sidebar .tutor-popover.tutor-popover-bottom{border-color:var(--dk-line)!important}
@media (max-width:991px){
  /* the lesson list drawer sits over the lesson: solid, not smoked glass */
  html[data-theme="dark"] body.hero-theme.hs-learn .tutor-learning-sidebar{background:var(--dk-solid)!important;border-color:var(--dk-edge)!important;box-shadow:-24px 0 48px -24px rgba(0,0,0,.8)!important}
  html[data-theme="dark"] body.hero-theme.hs-learn:has(.tutor-learning-sidebar.is-open)::after{background:rgba(0,0,0,.55)}
}
html[data-theme="dark"] body.hs-on .tutor-progress-bar{background:rgba(255,255,255,.08)!important}

/* dashboard */
html[data-theme="dark"] body.hs-dash .tutor-dashboard-sidebar{background:var(--dk-panel)!important;border-color:var(--dk-edge)!important;box-shadow:var(--dk-shadow)!important}
html[data-theme="dark"] body.hs-dash .hs-brand{color:var(--dk-ink)}
html[data-theme="dark"] body.hs-dash .tutor-dashboard-sidebar-nav a{color:var(--dk-slate)!important}
html[data-theme="dark"] body.hs-dash .tutor-dashboard-sidebar-nav a:hover{background:rgba(255,255,255,.05)!important;color:var(--dk-ink)!important}
html[data-theme="dark"] body.hs-dash .tutor-dashboard-sidebar .tutor-see-all-courses{border-top-color:var(--dk-edge)!important;color:var(--dk-red-soft)!important}
html[data-theme="dark"] body.hs-dash .tutor-dashboard-sidebar .tutor-see-all-courses:hover{color:#fff!important}
html[data-theme="dark"] body.hs-dash :is(.tutor-dashboard-sidebar-nav a.active,.tutor-dashboard-sidebar-nav .active > a){background:var(--dk-red-wash)!important;color:var(--dk-red-soft)!important;box-shadow:inset 0 0 0 1px rgba(255,90,110,.3)!important}
html[data-theme="dark"] body.hs-dash .tutor-dashboard-header{background:var(--dk-panel)!important;border-color:var(--dk-edge)!important}
html[data-theme="dark"] body.hs-dash .tutor-stat-card-title{color:var(--dk-slate)!important}
html[data-theme="dark"] body.hs-dash .tutor-dashboard-main :is(.tutor-card,.tutor-dashboard-card,.tutor-stat-card):not(:is(.tutor-card,.tutor-stat-card) *){background:var(--dk-panel)!important;border-color:var(--dk-edge)!important;box-shadow:var(--dk-shadow)!important}
html[data-theme="dark"] body.hero-theme.hs-dash .hs-top::before{background-color:#0E0F11;background-image:linear-gradient(var(--dk-grid-major) 1px,transparent 1px),linear-gradient(90deg,var(--dk-grid-major) 1px,transparent 1px),linear-gradient(var(--dk-grid) 1px,transparent 1px),linear-gradient(90deg,var(--dk-grid) 1px,transparent 1px)}
@media (max-width:991px){
  html[data-theme="dark"] body.hero-theme.hs-dash .tutor-dashboard-nav-mobile{background:rgba(18,20,23,.72)!important;border-color:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 1px 2px rgba(0,0,0,.5),0 18px 40px -20px rgba(0,0,0,.95)}
}

/* ===================== wallet page, top-up form, checkout, code box ===================== */
html[data-theme="dark"] .hw{--hw-ink:#EDEEF0;--hw-slate:#B4BAC1;--hw-muted:#9AA1A9;--hw-red-deep:#FF8A99;--hw-ok:#3FCF92;--hw-line:rgba(255,255,255,.09)}
html[data-theme="dark"] .hw .hw-btn-red:hover{background:#B40F28}
html[data-theme="dark"] .hw .hw-btn-line{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14)}
html[data-theme="dark"] .hw .hw-chips button{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
html[data-theme="dark"] .hw .hw-chips button:hover{border-color:rgba(255,255,255,.4)}
html[data-theme="dark"] .hw .hw-chips button[aria-pressed="true"]{background:#EDEEF0;border-color:#EDEEF0;color:#141414}
html[data-theme="dark"] .hw .hw-row{border-bottom-color:rgba(255,255,255,.06)}
html[data-theme="dark"] .hw .hw-more{border-color:rgba(255,255,255,.18)}
html[data-theme="dark"] .hw .hw-ic.is-in,html[data-theme="dark"] .hw .hw-valid{background:rgba(63,207,146,.14)}
html[data-theme="dark"] .hw :is(.hw-ic.is-out,.hw-step-n){background:var(--dk-red-wash)}

html[data-theme="dark"] .heco-rf{color:var(--dk-text)}
html[data-theme="dark"] .heco-rf :is(h3,h4,label,strong,b,.heco-rf-title){color:var(--dk-ink)!important}
html[data-theme="dark"] .heco-rf small{color:var(--dk-muted)}
html[data-theme="dark"] body.hs-on :is(.heco-rf-copy,.heco-rf-lang){background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.14)!important;color:var(--dk-ink)}
html[data-theme="dark"] .heco-rf .heco-rf-acc{background:rgba(255,255,255,.07)!important;color:var(--dk-ink)!important}
html[data-theme="dark"] .heco-rf-history > *{border-color:var(--dk-line)!important}
html[data-theme="dark"] .heco-rf .heco-rf-item{background:rgba(255,255,255,.04)!important;border-color:var(--dk-line)!important;box-shadow:none!important}
html[data-theme="dark"] .heco-rf .heco-rf-item-meta{color:var(--dk-muted)!important}
html[data-theme="dark"] .heco-rf .heco-rf-methods li{background:rgba(255,255,255,.04)!important;border-color:rgba(253,176,34,.45)!important;color:var(--dk-text)!important}

html[data-theme="dark"] .hero-wallet-checkout{background:var(--dk-panel)!important;border-color:var(--dk-edge)!important;box-shadow:var(--dk-shadow)!important;color:var(--dk-text)!important}
html[data-theme="dark"] .hero-wallet-checkout :is(.hero-wallet-course,.hero-wallet-balance){background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.12)!important;color:var(--dk-text)!important}
html[data-theme="dark"] .hero-wallet-checkout :is(h1,h2,h3,h4,strong,b){color:var(--dk-ink)!important}
html[data-theme="dark"] .hero-wallet-checkout #hero-wallet-pay:disabled{background:#2A2D32!important;color:#8A9099!important}
html[data-theme="dark"] .hero-wallet-checkout .hero-wallet-no{color:#FF7A7A!important}
html[data-theme="dark"] .hero-wallet-checkout .hero-wallet-yes{color:var(--dk-ok)!important}
html[data-theme="dark"] .hcp-open{color:var(--dk-red)}
html[data-theme="dark"] .hcp-form input{border-color:rgba(255,255,255,.14)!important}
html[data-theme="dark"] .hcp-form button{background:#EDEEF0;color:#141414}
html[data-theme="dark"] .hcp-on{background:rgba(255,90,110,.08);border-color:rgba(255,90,110,.5)}
html[data-theme="dark"] :is(.hcp-cut,.hcp-free){color:var(--dk-ink)}
html[data-theme="dark"] :is(.hcp-x,.hcp-was){color:var(--dk-slate)}
html[data-theme="dark"] .hcp-msg{color:var(--dk-red-soft)}

/* the switch's own moment: no cross-fade, the clip reveal in home.js does the work */
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}