/* ================================================================
   LIGHT THEME — Complete component overrides
   Applied ONLY when  html[data-theme="light"]
   Covers every page, component, card, table, form and widget.
   Loads after custom.css to guarantee specificity.
   Dark theme is 100% untouched.
   ================================================================ */

/* ================================================================
   BANNER & BREADCRUMB — VARIABLE RESET  (HIGHEST PRIORITY)

   Problem: changing --black to white and --white to near-black in
   light mode breaks banners/breadcrumbs:
     • breadcrumb::before overlay uses hsl(var(--black)/0.8)
       → white overlay appears on the banner image
     • breadcrumb__title/item/link use hsl(var(--white))
       → text turns dark/invisible on the white overlay

   Fix: inside every dark-overlaid banner & breadcrumb scope,
   restore the original dark-theme variable values so all text
   and overlays stay exactly as they are in dark mode.
   ================================================================ */
html[data-theme="light"] .breadcrumb,
html[data-theme="light"] .banner-one-section,
html[data-theme="light"] .banner-two-section,
html[data-theme="light"] .hb-section,
html[data-theme="light"] .pf-hero,
html[data-theme="light"] .inv-hero,
html[data-theme="light"] .demo-mt5-section,
html[data-theme="light"] .ct-cta-section,
html[data-theme="light"] .lh-hero-section {
  /* Restore dark-theme variable values inside these scopes */
  --black:         180 2% 8%;
  --black-two:     0 0% 11%;
  --white:         0 0% 100%;
  --body-color:    0 0% 85%;
  --heading-color: 0 0% 93%;
  --border-color:  0 0% 88%;
}

/* ----------------------------------------------------------------
   SEMANTIC SHORTHAND ALIASES  (used throughout this file)
   --heading-color  : hsl(0 0% 8%)   #141414  near-black
   --body-color     : hsl(0 0% 28%)  #474747  dark grey
   --black          : hsl(0 0% 100%) #FFFFFF  white bg
   --black-two      : hsl(0 0% 96%)  #F5F5F5  light grey bg
   --border-color   : hsl(0 0% 78%)  #C7C7C7  visible border
   --gray-two       : hsl(0 0% 38%)  #616161  mid grey text
   ---------------------------------------------------------------- */

/* ================================================================
   1.  BODY / GLOBAL
   ================================================================ */
html[data-theme="light"] body {
  background-color: hsl(var(--black));
  color: hsl(var(--body-color));
}
html[data-theme="light"] p {
  color: hsl(var(--body-color));
}

/* ================================================================
   2.  MAIN HEADER  (background: #010e0e + rgba(255,255,255,…))
   ================================================================ */
html[data-theme="light"] .main-header {
  background: hsl(var(--black));
  border-bottom-color: hsl(var(--border-color));
  box-shadow: 0 2px 20px rgba(0,0,0,0.08);
}
html[data-theme="light"] .main-header__logo,
html[data-theme="light"] .main-header__contacts,
html[data-theme="light"] .main-header__social { border-right-color: hsl(var(--border-color)); }
html[data-theme="light"] .main-header__support,
html[data-theme="light"] .main-header__theme,
html[data-theme="light"] .main-header__lang   { border-left-color:  hsl(var(--border-color)); }
html[data-theme="light"] .main-header__download { border-right-color: hsl(var(--border-color)); }
html[data-theme="light"] .main-header__divider  { background: hsl(var(--border-color)); }
html[data-theme="light"] .main-header__contact-item   { color: hsl(var(--heading-color)); }
html[data-theme="light"] .main-header__social a       { border-color: hsl(var(--border-color)); color: hsl(var(--body-color)); }
html[data-theme="light"] .main-header__social a:hover { color: #000; }
html[data-theme="light"] .main-header__support        { color: hsl(var(--body-color)); }
html[data-theme="light"] .main-header__support:hover  { background: rgba(0,0,0,0.04); color: hsl(var(--base)); }

/* ================================================================
   3.  THEME TOGGLE (28px circle — matches social icons)
   ================================================================ */
html[data-theme="light"] .theme-toggle {
  border-color: hsl(var(--border-color));
  color: hsl(var(--body-color));
}
html[data-theme="light"] .theme-toggle:hover { color: #000; }
html[data-theme="light"] .main-header__theme { border-left-color: hsl(var(--border-color)); }

/* ================================================================
   4.  PROMO BANNER
   ================================================================ */
html[data-theme="light"] .promo-banner {
  background: hsl(var(--black));
  border-bottom-color: hsl(var(--border-color));
}

/* ================================================================
   4b. PROMO BANNER
   .promo-banner__link uses rgba(255,255,255,0.75) hardcoded → invisible
   on the white light-mode banner background.
   ================================================================ */
html[data-theme="light"] .promo-banner__link {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .promo-banner__link:hover {
  color: hsl(var(--base));
}

/* ================================================================
   5.  GTRANSLATE
   .gt-btn uses rgba(255,255,255,0.75) hardcoded → invisible on white.
   Arrow uses rgba(255,255,255,0.4) → invisible on white.
   ================================================================ */
html[data-theme="light"] .gt-btn              { color: hsl(var(--body-color)); }
html[data-theme="light"] .gt-btn:hover        { color: hsl(var(--heading-color)); }
html[data-theme="light"] .gt-btn__arrow       { color: hsl(var(--heading-color)); }
html[data-theme="light"] .gt-btn__label       { color: hsl(var(--body-color)); }
html[data-theme="light"] .gt-menu {
  background: hsl(var(--black));
  border-color: hsl(var(--border-color));
  box-shadow: 0 16px 50px rgba(0,0,0,0.12);
}
html[data-theme="light"] .gt-menu__item { color: hsl(var(--body-color)); }
html[data-theme="light"] .gt-menu__item:hover,
html[data-theme="light"] .gt-menu__item.active { background: hsl(var(--black-two)); }

/* ================================================================
   6.  NAV DROPDOWNS
   ================================================================ */
html[data-theme="light"] .nav-dropdown__menu {
  background: hsl(var(--black));
  border-color: hsl(var(--border-color));
  box-shadow: 0 20px 60px rgba(0,0,0,0.1);
}
html[data-theme="light"] .nav-dropdown__item { color: hsl(var(--body-color)); }
html[data-theme="light"] .nav-dropdown__item:hover,
html[data-theme="light"] .nav-dropdown__item.active { background: rgba(0,0,0,0.04); }

/* ================================================================
   7.  MEGA MENU
   ================================================================ */
html[data-theme="light"] .mega-dropdown {
  background: hsl(var(--black));
  border-color: hsl(var(--border-color));
  box-shadow: 0 24px 70px rgba(0,0,0,0.1);
}
html[data-theme="light"] .mega-col__title { border-bottom-color: hsl(var(--border-color)); }
html[data-theme="light"] .mega-item:hover,
html[data-theme="light"] .mega-item.active { background: rgba(0,0,0,0.04); }
html[data-theme="light"] .mega-item__text strong { color: hsl(var(--heading-color)); }
html[data-theme="light"] .mega-item__text span   { color: hsl(var(--body-color)); }

/* ================================================================
   8.  DOWNLOAD MODAL (dl-modal)
   ================================================================ */
html[data-theme="light"] .dl-modal {
  background: hsl(var(--black));
  border-color: hsl(var(--border-color));
  box-shadow: 0 24px 80px rgba(0,0,0,0.15);
}
html[data-theme="light"] .dl-modal__title { color: hsl(var(--heading-color)); }
html[data-theme="light"] .dl-modal__sub   { color: hsl(var(--body-color)); }
html[data-theme="light"] .dl-modal__close { border-color: hsl(var(--border-color)); color: hsl(var(--body-color)); }
html[data-theme="light"] .dl-modal__close:hover { background: rgba(0,0,0,0.05); color: hsl(var(--heading-color)); }
html[data-theme="light"] .dl-modal__option { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .dl-modal__option:hover { border-color: hsl(var(--base)/0.5); background: hsl(var(--black)); }
html[data-theme="light"] .dl-modal__option-label { color: hsl(var(--heading-color)); }
html[data-theme="light"] .dl-modal__option-sub   { color: hsl(var(--body-color)); }

/* ================================================================
   9.  TRADINGVIEW WIDGET WRAPPERS
   kn-tv-widget background: hsl(0 0% 8%) — flip to light
   ================================================================ */
html[data-theme="light"] .kn-tv-widget {
  /* Pure white so TradingView's colorTheme:'light' dark text has max contrast */
  background: #ffffff;
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .kn-tv-widget__note { color: hsl(var(--body-color)); }
html[data-theme="light"] .tv-ec-widget {
  background: #ffffff;
  border: 1px solid hsl(var(--border-color));
  border-radius: 12px;
  overflow: hidden;
}

/* ================================================================
   10. MT5 PAGE
   ================================================================ */
html[data-theme="light"] .mt5-stat-card    { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .mt5-stat-card__value { color: hsl(var(--heading-color)); }
html[data-theme="light"] .mt5-stat-card__label { color: hsl(var(--body-color)); }
html[data-theme="light"] .mt5-feature-card { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .mt5-feature-card__title { color: hsl(var(--heading-color)); }
html[data-theme="light"] .mt5-feature-card__desc  { color: hsl(var(--body-color)); }
html[data-theme="light"] .mt5-check-item p        { color: hsl(var(--body-color)); }
html[data-theme="light"] .mt5-dl-card  { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .mt5-dl-card__name { color: hsl(var(--heading-color)); }
html[data-theme="light"] .mt5-dl-card__req  { color: hsl(var(--body-color)); }

/* ================================================================
   11. DEMO ACCOUNT PAGE (demo-*)
   ================================================================ */
html[data-theme="light"] .demo-lead            { color: hsl(var(--body-color)); }
html[data-theme="light"] .demo-highlight       { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .demo-highlight__label{ color: hsl(var(--body-color)); }
html[data-theme="light"] .demo-benefit-item__title { color: hsl(var(--heading-color)); }
html[data-theme="light"] .demo-benefit-item__desc  { color: hsl(var(--body-color)); }
html[data-theme="light"] .demo-benefits-visual { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .demo-hero-badge      { background: rgba(255,255,255,0.95); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .demo-hero-badge__title { color: hsl(var(--heading-color)); }
html[data-theme="light"] .demo-hero-badge__sub   { color: hsl(var(--body-color)); }
html[data-theme="light"] .demo-takeaway-card       { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .demo-takeaway-card__text { color: hsl(var(--body-color)); }
html[data-theme="light"] .demo-mt5-features li     { color: hsl(var(--body-color)); }

/* ================================================================
   12. PAMM PAGE (pamm-*)
   ================================================================ */
html[data-theme="light"] .pamm-lead           { color: hsl(var(--body-color)); }
html[data-theme="light"] .pamm-highlight-card { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .pamm-highlight-card__label { color: hsl(var(--heading-color)); }
html[data-theme="light"] .pamm-highlight-card__desc  { color: hsl(var(--body-color)); }
html[data-theme="light"] .pamm-role-card    { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .pamm-role-card__title { color: hsl(var(--heading-color)); }
html[data-theme="light"] .pamm-role-card__intro { color: hsl(var(--body-color)); }
html[data-theme="light"] .pamm-benefit-list li  { color: hsl(var(--body-color)); }

/* ================================================================
   13. INSTRUMENT PAGES (inst-*)
   ================================================================ */
html[data-theme="light"] .inst-desc      { color: hsl(var(--body-color)); }
html[data-theme="light"] .inst-spec-card { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .inst-spec-card__label { color: hsl(var(--body-color)); }
html[data-theme="light"] .inst-benefit-card { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .inst-benefit-card__title { color: hsl(var(--heading-color)); }
html[data-theme="light"] .inst-benefit-card__desc  { color: hsl(var(--body-color)); }
html[data-theme="light"] .inst-table-wrap    { border-color: hsl(var(--border-color)); }
html[data-theme="light"] .inst-table__head  {
  background: hsl(var(--black-two));
  border-bottom-color: hsl(var(--border-color));
}
html[data-theme="light"] .inst-table__head span   { color: hsl(var(--body-color)); }
html[data-theme="light"] .inst-table__row         { border-bottom-color: hsl(var(--border-color)); }
html[data-theme="light"] .inst-table__row:hover   { background: hsl(var(--black-two)); }
html[data-theme="light"] .inst-table__name        { color: hsl(var(--body-color)); }
html[data-theme="light"] .inst-table__spread,
html[data-theme="light"] .inst-table__hours       { color: hsl(var(--body-color)); }
html[data-theme="light"] .inst-table-note         { color: hsl(var(--body-color)); }

/* ================================================================
   14. LEVERAGE & MARGIN PAGE (lm-*)
   ================================================================ */
html[data-theme="light"] .lm-concept-item__term { color: hsl(var(--heading-color)); }
html[data-theme="light"] .lm-concept-item__def  { color: hsl(var(--body-color)); }
html[data-theme="light"] .lm-calc-card {
  background: hsl(var(--black-two));
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .lm-calc-field__label { color: hsl(var(--body-color)); }
html[data-theme="light"] .lm-calc-field__meta span { color: hsl(var(--body-color)); }
html[data-theme="light"] .lm-calc-select {
  background: hsl(var(--black));
  border-color: hsl(var(--border-color));
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .lm-calc-select option { background: hsl(var(--black)); color: hsl(var(--heading-color)); }
html[data-theme="light"] .lm-calc-slider        { background: hsl(var(--border-color)); }
html[data-theme="light"] .lm-calc-slider-labels span { color: hsl(var(--body-color)); }
html[data-theme="light"] .lm-calc-lever-pill {
  background: hsl(var(--black));
  border-color: hsl(var(--border-color));
  color: hsl(var(--body-color));
}
html[data-theme="light"] .lm-calc-lever-pill:hover { color: hsl(var(--heading-color)); }
html[data-theme="light"] .lm-calc-result        { border-bottom-color: hsl(var(--border-color)); }
html[data-theme="light"] .lm-calc-result__label { color: hsl(var(--body-color)); }
html[data-theme="light"] .lm-calc-result__val   { color: hsl(var(--heading-color)); }
html[data-theme="light"] .lm-calc-result--highlight .lm-calc-result__label { color: hsl(var(--heading-color)); }
html[data-theme="light"] .lm-calc-card__formula       { color: hsl(var(--body-color)); }
html[data-theme="light"] .lm-calc-card__formula code  { background: hsl(var(--black-two)); }
html[data-theme="light"] .lm-account-card { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .lm-account-card__name    { color: hsl(var(--heading-color)); }
html[data-theme="light"] .lm-account-card__divider { background: hsl(var(--border-color)); }
html[data-theme="light"] .lm-account-card__row     { color: hsl(var(--body-color)); }
html[data-theme="light"] .lm-account-card__val     { color: hsl(var(--heading-color)); }
html[data-theme="light"] .lm-level-card  { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .lm-level-card__name   { color: hsl(var(--heading-color)); }
html[data-theme="light"] .lm-level-card__action { color: hsl(var(--body-color)); }
html[data-theme="light"] .lm-level-bar  { background: hsl(var(--border-color)); }
html[data-theme="light"] .lm-tip-card   { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .lm-tip-card__title { color: hsl(var(--heading-color)); }
html[data-theme="light"] .lm-tip-card__desc  { color: hsl(var(--body-color)); }

/* ================================================================
   15. CONTRACT SPECIFICATION PAGE (cs-*)
   ================================================================ */
html[data-theme="light"] .cs-tab {
  background: hsl(var(--black-two));
  border-color: hsl(var(--border-color));
  color: hsl(var(--body-color));
}
html[data-theme="light"] .cs-tab:hover { color: hsl(var(--heading-color)); }
html[data-theme="light"] .cs-table-wrap { border-color: hsl(var(--border-color)); }
html[data-theme="light"] .cs-table__head {
  background: hsl(var(--black-two));
  border-bottom-color: hsl(var(--border-color));
}
html[data-theme="light"] .cs-table__head span  { color: hsl(var(--body-color)); }
html[data-theme="light"] .cs-table__row        { border-bottom-color: hsl(var(--border-color)); }
html[data-theme="light"] .cs-table__row:hover  { background: hsl(var(--black-two)); }
html[data-theme="light"] .cs-table__desc       { color: hsl(var(--body-color)); }
html[data-theme="light"] .cs-table__contract,
html[data-theme="light"] .cs-table__spread,
html[data-theme="light"] .cs-table__hours      { color: hsl(var(--body-color)); }
html[data-theme="light"] .cs-table__commission { color: hsl(var(--body-color)); }
html[data-theme="light"] .cs-table__commission--none { color: hsl(var(--body-color)); }
html[data-theme="light"] .cs-table-note        { color: hsl(var(--body-color)); }
html[data-theme="light"] .cs-note-card  { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .cs-note-card__desc { color: hsl(var(--body-color)); }

/* ================================================================
   16. KNOWLEDGE PAGES (kn-*)
   ================================================================ */
html[data-theme="light"] .kn-body-text    { color: hsl(var(--body-color)); }
html[data-theme="light"] .kn-stat-label   { color: hsl(var(--body-color)); }
html[data-theme="light"] .kn-topic-card   { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .kn-topic-card__title { color: hsl(var(--heading-color)); }
html[data-theme="light"] .kn-topic-card__desc  { color: hsl(var(--body-color)); }
html[data-theme="light"] .kn-edu-list li       { color: hsl(var(--body-color)); }
html[data-theme="light"] .kn-vol-box   { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .kn-vol-box__year { color: hsl(var(--body-color)); }
html[data-theme="light"] .kn-timeline::before  { background: hsl(var(--border-color)); }
html[data-theme="light"] .kn-timeline__card    { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .kn-timeline__event   { color: hsl(var(--body-color)); }
html[data-theme="light"] .kn-part-card  { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .kn-part-card__title  { color: hsl(var(--heading-color)); }
html[data-theme="light"] .kn-part-card__desc   { color: hsl(var(--body-color)); }
html[data-theme="light"] .kn-session-card { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .kn-session-card__name  { color: hsl(var(--heading-color)); }
html[data-theme="light"] .kn-session-card__hubs li { color: hsl(var(--body-color)); }
html[data-theme="light"] .kn-concept-card { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .kn-concept-card__title { color: hsl(var(--heading-color)); }

/* ================================================================
   17. ACCOUNT TYPES PAGE (ac-*)
   ================================================================ */
html[data-theme="light"] .ac-card__title          { color: hsl(var(--heading-color)); }
html[data-theme="light"] .ac-card__deposit-label  { color: hsl(var(--body-color)); }
html[data-theme="light"] .ac-card__deposit-note   { color: hsl(var(--body-color)); }
html[data-theme="light"] .ac-card__desc           { color: hsl(var(--body-color)); }
html[data-theme="light"] .ac-card__divider        { background: hsl(var(--border-color)); }
html[data-theme="light"] .ac-card__feature-item   { color: hsl(var(--body-color)); }
html[data-theme="light"] .ac-card__feature-item strong { color: hsl(var(--heading-color)); }
html[data-theme="light"] .ac-wide-card { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .ac-benefits-box { background: hsl(var(--black)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .ac-benefits-box__title  { color: hsl(var(--heading-color)); }
html[data-theme="light"] .ac-benefit-item { border-bottom-color: hsl(var(--border-color)); color: hsl(var(--body-color)); }
html[data-theme="light"] .ac-benefit-item strong  { color: hsl(var(--heading-color)); }
html[data-theme="light"] .ac-features-grid-item   { background: hsl(var(--black)); border: 1px solid hsl(var(--border-color)); color: hsl(var(--body-color)); }
html[data-theme="light"] .ac-features-grid-item strong { color: hsl(var(--heading-color)); }
html[data-theme="light"] .ac-why-item { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .ac-why-item__title { color: hsl(var(--heading-color)); }
html[data-theme="light"] .ac-why-item__desc  { color: hsl(var(--body-color)); }

/* ================================================================
   18. ACCOUNT COMPARISON PAGE (acmp-*)
   ================================================================ */
html[data-theme="light"] .acmp-glance-card { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .acmp-glance-card__name { color: hsl(var(--heading-color)); }
html[data-theme="light"] .acmp-glance-card__why li,
html[data-theme="light"] .acmp-bullet-list li     { color: hsl(var(--body-color)); }
html[data-theme="light"] .acmp-glance-card__best  { color: hsl(var(--body-color)); }
html[data-theme="light"] .acmp-glance-card__best strong { color: hsl(var(--heading-color)); }
html[data-theme="light"] .acmp-spec-row            { background: hsl(var(--black)); color: hsl(var(--body-color)); }
html[data-theme="light"] .acmp-spec-row__label     { color: hsl(var(--body-color)); }
html[data-theme="light"] .acmp-spec-row__value     { color: hsl(var(--heading-color)); }
html[data-theme="light"] .acmp-table-header        { background: hsl(var(--base)/0.08); border-color: hsl(var(--base)/0.2); }
html[data-theme="light"] .acmp-table-wrap          { border-color: hsl(var(--border-color)); }
html[data-theme="light"] .acmp-table thead tr      { background: hsl(var(--black-two)); }
html[data-theme="light"] .acmp-table th { color: hsl(var(--body-color)); border-bottom-color: hsl(var(--border-color)); }
html[data-theme="light"] .acmp-table td { color: hsl(var(--body-color)); border-bottom-color: hsl(var(--border-color)); }
html[data-theme="light"] .acmp-table td strong     { color: hsl(var(--heading-color)); }
html[data-theme="light"] .acmp-table tbody tr:hover td { background: hsl(var(--black-two)); }
html[data-theme="light"] .acmp-fit-card  { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .acmp-fit-card__title { color: hsl(var(--heading-color)); }
html[data-theme="light"] .acmp-fit-card__text  { color: hsl(var(--body-color)); }
html[data-theme="light"] .acmp-wide-card { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .acmp-wide-card__name { color: hsl(var(--heading-color)); }
html[data-theme="light"] .acmp-wide-card__sub  { color: hsl(var(--body-color)); }
html[data-theme="light"] .acmp-note    { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .acmp-note__title { color: hsl(var(--heading-color)); }
html[data-theme="light"] .acmp-note__text  { color: hsl(var(--body-color)); }
html[data-theme="light"] .acmp-step    { background: hsl(var(--black-two)); }
html[data-theme="light"] .acmp-step__label { color: hsl(var(--heading-color)); }
html[data-theme="light"] .acmp-step__desc  { color: hsl(var(--body-color)); }
html[data-theme="light"] .acmp-recovery-box { background: hsl(var(--black-two)); border: 1px solid hsl(var(--border-color)); }
html[data-theme="light"] .acmp-recovery-box__title { background: hsl(var(--black)); border-bottom-color: hsl(var(--border-color)); color: hsl(var(--heading-color)); }
html[data-theme="light"] .acmp-recovery-row { border-bottom-color: hsl(var(--border-color)); color: hsl(var(--body-color)); }
html[data-theme="light"] .acmp-bool--no { background: rgba(0,0,0,0.05); border-color: hsl(var(--border-color)); color: hsl(var(--body-color)); }

/* ================================================================
   19. COPY TRADING PAGE (ct-*)
   ================================================================ */
html[data-theme="light"] .ct-lead { color: hsl(var(--body-color)); }
html[data-theme="light"] .ct-stats-bar {
  background: hsl(var(--black-two));
  border-top-color: hsl(var(--border-color));
  border-bottom-color: hsl(var(--border-color));
}
html[data-theme="light"] .ct-stat__label      { color: hsl(var(--body-color)); }
html[data-theme="light"] .ct-features-visual  { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .ct-feature-card     { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .ct-feature-card__title { color: hsl(var(--heading-color)); }
html[data-theme="light"] .ct-feature-card__desc  { color: hsl(var(--body-color)); }
html[data-theme="light"] .ct-feature-card__num   { color: rgba(0,0,0,0.06); }
html[data-theme="light"] .ct-step__title { color: hsl(var(--heading-color)); }
html[data-theme="light"] .ct-step__desc  { color: hsl(var(--body-color)); }
html[data-theme="light"] .ct-start-badge { color: hsl(var(--heading-color)); }
html[data-theme="light"] .ct-cta-list li { color: hsl(var(--body-color)); }
html[data-theme="light"] .ct-cta-badge__title { color: hsl(var(--heading-color)); }
html[data-theme="light"] .ct-cta-badge__sub   { color: hsl(var(--body-color)); }
html[data-theme="light"] .ct-why-card    { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .ct-why-card__title { color: hsl(var(--heading-color)); }
html[data-theme="light"] .ct-why-card__desc  { color: hsl(var(--body-color)); }

/* ================================================================
   20. TRADE TABLE  (flat rows)
   ================================================================ */
html[data-theme="light"] .at-item--flat ul             { background: hsl(var(--black-two)); border: 1px solid hsl(var(--border-color)); }
html[data-theme="light"] .at-item--flat ul:hover       { background: hsl(var(--black)); }
html[data-theme="light"] .at-item--flat ul li          { color: hsl(var(--body-color)); }
html[data-theme="light"] .at-item--flat ul li:first-child { color: hsl(var(--heading-color)); }

/* ================================================================
   21. PROPFUNDING — shared utilities, tabs, hero, challenges,
       rules, compare, pairs, FAQ
   ================================================================ */

/* Section text */
html[data-theme="light"] .pf-section-title { color: hsl(var(--heading-color)); }
html[data-theme="light"] .pf-section-sub   { color: hsl(var(--body-color)); }

/* Dark section backgrounds */
html[data-theme="light"] .section--dark,
html[data-theme="light"] .pf-challenges,
html[data-theme="light"] .pf-rules,
html[data-theme="light"] .pf-pairs { background: hsl(var(--black-two)); }

/* Tabs */
html[data-theme="light"] .pf-tab {
  background: rgba(0,0,0,0.04);
  border-color: hsl(var(--border-color));
  color: hsl(var(--body-color));
}
html[data-theme="light"] .pf-tab:hover { color: hsl(var(--heading-color)); }
html[data-theme="light"] .pf-tab__count { background: rgba(0,0,0,0.06); }

/* Plan / size tabs */
html[data-theme="light"] .pf-plan-tabs,
html[data-theme="light"] .pf-size-tabs { background: rgba(0,0,0,0.08); }
html[data-theme="light"] .pf-plan-tab,
html[data-theme="light"] .pf-size-tab  { color: hsl(var(--body-color)); }

/* Section headline */
html[data-theme="light"] .pf-challenges__headline,
html[data-theme="light"] .pf-challenges__intro h3,
html[data-theme="light"] .pf-challenges__intro p { color: hsl(var(--heading-color)); }

/* Phase cards */
html[data-theme="light"] .pf-phase-card {
  background: hsl(var(--black));
  border-color: hsl(var(--base)/0.3) !important;
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .pf-phase-card__head h4  { color: hsl(var(--heading-color)); }
html[data-theme="light"] .pf-phase-row { border-bottom-color: hsl(var(--border-color)); }
html[data-theme="light"] .pf-phase-row span,
html[data-theme="light"] .pf-phase-row strong     { color: hsl(var(--heading-color)) !important; }
html[data-theme="light"] .pf-price-bar { color: hsl(var(--heading-color)); }

/* Cards grid */
html[data-theme="light"] .pf-card { background: hsl(var(--black)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .pf-card__size { color: hsl(var(--heading-color)); }
html[data-theme="light"] .pf-card__orig { color: hsl(var(--body-color)); text-decoration: line-through; }
html[data-theme="light"] .pf-card__divider { background: hsl(var(--border-color)); }
html[data-theme="light"] .pf-card__features li span   { color: hsl(var(--body-color)); }
html[data-theme="light"] .pf-card__features li strong { color: hsl(var(--heading-color)); }
html[data-theme="light"] .pf-challenges__note { color: hsl(var(--body-color)); }

/* Rules */
html[data-theme="light"] .pf-rules__group { border-color: hsl(var(--border-color)); }
html[data-theme="light"] .pf-rules__group--allowed  { border-color: rgba(8,239,40,0.25); }
html[data-theme="light"] .pf-rules__group--restricted { border-color: rgba(239,68,68,0.25); }
html[data-theme="light"] .pf-rules__group--target   { border-color: rgba(245,200,66,0.25); }
html[data-theme="light"] .pf-rule-item { border-bottom-color: hsl(var(--border-color)); }
html[data-theme="light"] .pf-rule-item__label { color: hsl(var(--body-color)); }
html[data-theme="light"] .pf-rule-item__value { color: hsl(var(--heading-color)); }

/* Compare table */
html[data-theme="light"] .pf-compare__table-wrap { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .pf-compare__table thead tr { background: hsl(var(--black)); border-bottom-color: hsl(var(--border-color)); }
html[data-theme="light"] .pf-compare__table th   { color: hsl(var(--body-color)); }
html[data-theme="light"] .pf-compare__row        { border-bottom-color: hsl(var(--border-color)); }
html[data-theme="light"] .pf-compare__feature    { color: hsl(var(--body-color)); }
html[data-theme="light"] .pf-compare__row:hover .pf-compare__feature { color: hsl(var(--heading-color)); }
html[data-theme="light"] .pf-compare__us         { color: hsl(var(--heading-color)); }
html[data-theme="light"] .pf-compare__industry   { color: hsl(var(--body-color)); }
html[data-theme="light"] .pf-compare__dash       { color: hsl(var(--border-color)); }

/* Pairs */
html[data-theme="light"] .pf-pairs-tab {
  background: rgba(0,0,0,0.04);
  border-color: hsl(var(--border-color));
  color: hsl(var(--body-color));
}
html[data-theme="light"] .pf-pairs-tab:hover  { color: hsl(var(--heading-color)); }
html[data-theme="light"] .pf-pairs-tab__count { background: rgba(0,0,0,0.06); }
html[data-theme="light"] .pf-pairs-widget       { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .pf-pairs-widget__label { border-bottom-color: hsl(var(--border-color)); }
html[data-theme="light"] .pf-pairs-layout__list  { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .pf-pairs-layout__list-head { background: hsl(var(--black)); border-bottom-color: hsl(var(--border-color)); }
html[data-theme="light"] .pf-pairs-layout__list-title { color: hsl(var(--body-color)); }
html[data-theme="light"] .pf-pair-chip { background: hsl(var(--black)); border-color: hsl(var(--border-color)); color: hsl(var(--body-color)); }
html[data-theme="light"] .pf-pairs__note { color: hsl(var(--body-color)); }

/* FAQ */
html[data-theme="light"] .pf-faq__cat  { color: hsl(var(--body-color)); }
html[data-theme="light"] .pf-faq__cat:hover { background: rgba(0,0,0,0.04); color: hsl(var(--heading-color)); }
html[data-theme="light"] .pf-faq-item  { border-bottom-color: hsl(var(--border-color)); }
html[data-theme="light"] .pf-faq-item__q { color: hsl(var(--heading-color)); }
html[data-theme="light"] .pf-faq-item__icon { background: rgba(0,0,0,0.06); }
html[data-theme="light"] .pf-faq-item__a   { color: hsl(var(--body-color)); }

/* Hero inner elements */
html[data-theme="light"] .pf-hero__title { color: hsl(var(--heading-color)); }
html[data-theme="light"] .pf-hero__sub   { color: hsl(var(--body-color)); }
html[data-theme="light"] .pf-hero__pill {
  background: rgba(0,0,0,0.05);
  border-color: hsl(var(--border-color));
  color: hsl(var(--body-color));
}
html[data-theme="light"] .pf-hero__stats {
  background: hsl(var(--border-color));
}
html[data-theme="light"] .pf-hero__stat {
  background: hsl(var(--black));
}
html[data-theme="light"] .pf-hero__stat-label { color: hsl(var(--body-color)); }

/* Buy button — white border/text is invisible on light bg */
html[data-theme="light"] .pf-buy-btn {
  border-color: hsl(var(--heading-color));
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .pf-buy-btn:hover {
  background: hsl(var(--heading-color));
  color: hsl(var(--black));
}

/* Challenges intro card */
html[data-theme="light"] .pf-challenges__intro {
  background: hsl(var(--black));
  border-color: hsl(var(--border-color));
}

/* Process steps */
html[data-theme="light"] .pf-step {
  background: hsl(var(--black));
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .pf-step:last-child {
  border-right-color: hsl(var(--border-color));
}
html[data-theme="light"] .pf-step__num   { color: hsl(var(--base) / 0.25); }
html[data-theme="light"] .pf-step__title { color: hsl(var(--heading-color)); }
html[data-theme="light"] .pf-step__desc  { color: hsl(var(--body-color)); }

/* Rules group — cards need a bg in light mode */
html[data-theme="light"] .pf-rules__group { background: hsl(var(--black)); }

/* Pairs list count */
html[data-theme="light"] .pf-pairs-layout__list-count { color: hsl(var(--body-color)); }

/* Phase card featured — gradient bottom stop is near-transparent white, swap to light */
html[data-theme="light"] .pf-phase-card--featured {
  background: linear-gradient(180deg, hsl(var(--base)/0.1), hsl(var(--black)));
}

/* Compare check hover text on light bg */
html[data-theme="light"] .pf-compare__row:hover .pf-compare__check {
  color: hsl(var(--black));
}

/* ================================================================
   22. INVESTMENT PAGE (inv-*)
   ================================================================ */

/* Dark sections */
html[data-theme="light"] .inv-hiw,
html[data-theme="light"] .inv-cats,
html[data-theme="light"] .inv-trust { background: hsl(var(--black-two)); }

/* HiW steps */
html[data-theme="light"] .inv-hiw__steps { background: hsl(var(--border-color)); }
html[data-theme="light"] .inv-hiw__step  { background: hsl(var(--black-two)); }
html[data-theme="light"] .inv-hiw__step:hover { background: hsl(var(--black)); }
html[data-theme="light"] .inv-hiw__step-title { color: hsl(var(--heading-color)); }
html[data-theme="light"] .inv-hiw__step-desc  { color: hsl(var(--body-color)); }

/* Plan cards */
html[data-theme="light"] .inv-plan-card { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .inv-plan-card__icon    { background: hsl(var(--black)); }
html[data-theme="light"] .inv-plan-card__tagline { color: hsl(var(--heading-color)); }
html[data-theme="light"] .inv-plan-card__desc    { color: hsl(var(--body-color)); }
html[data-theme="light"] .inv-plan-card__ideal   { color: hsl(var(--body-color)); }
html[data-theme="light"] .inv-plan-card__bullets li { color: hsl(var(--body-color)); }

/* Cat cards */
html[data-theme="light"] .inv-cat-card { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .inv-cat-card__icon  { background: hsl(var(--black)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .inv-cat-card__title { color: hsl(var(--heading-color)); }
html[data-theme="light"] .inv-cat-card__desc  { color: hsl(var(--body-color)); }
html[data-theme="light"] .inv-cat-card:hover  { background: hsl(var(--black)); }

/* Strategy cards */
html[data-theme="light"] .inv-strat__card { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .inv-strat__card:hover { border-color: hsl(var(--border-color)); }
html[data-theme="light"] .inv-strat__title { color: hsl(var(--heading-color)); }
html[data-theme="light"] .inv-strat__desc  { color: hsl(var(--body-color)); }
html[data-theme="light"] .inv-strat__risk-label { color: hsl(var(--body-color)); }
html[data-theme="light"] .inv-strat__risk-dot   { background: hsl(var(--border-color)); }

/* Trust grid */
html[data-theme="light"] .inv-trust__grid { background: hsl(var(--border-color)); }
html[data-theme="light"] .inv-trust__card { background: hsl(var(--black-two)); }
html[data-theme="light"] .inv-trust__card:hover { background: hsl(var(--black)); }
html[data-theme="light"] .inv-trust__title { color: hsl(var(--heading-color)); }
html[data-theme="light"] .inv-trust__desc  { color: hsl(var(--body-color)); }

/* FAQ */
html[data-theme="light"] .inv-faq-item  { border-bottom-color: hsl(var(--border-color)); }
html[data-theme="light"] .inv-faq-item__q    { color: hsl(var(--heading-color)); }
html[data-theme="light"] .inv-faq-item__icon { background: rgba(0,0,0,0.06); }
html[data-theme="light"] .inv-faq-item__a    { color: hsl(var(--body-color)); }

/* Hero categories */
html[data-theme="light"] .inv-hero__cat { background: rgba(0,0,0,0.04); border-color: hsl(var(--border-color)); color: hsl(var(--body-color)); }
html[data-theme="light"] .inv-hero__cat:hover { color: hsl(var(--heading-color)); border-color: hsl(var(--border-color)); }

/* invhs2 cats */
html[data-theme="light"] .invhs2__cat { color: hsl(var(--body-color)); }

/* ================================================================
   23. HCS SECTION (Home Category Selector)
   ================================================================ */
html[data-theme="light"] .hcs { background: hsl(var(--black)); }
html[data-theme="light"] .hcs__title { color: hsl(var(--heading-color)); }
html[data-theme="light"] .hcs__sub   { color: hsl(var(--body-color)); }
html[data-theme="light"] .hcs__card  { border-color: hsl(var(--border-color)); }
/* Card overlays/images are intentional dark banners — keep as-is */
html[data-theme="light"] .hcs__content-wrap {
  background: hsl(var(--black-two));
  border-color: hsl(var(--base) / 0.2);
}

/* ================================================================
   23b. INVESTMENT HOME SECTION (invhs2) — inside hcs__content-wrap
   ================================================================ */

/* Category pills: hardcoded rgba(255,255,255,0.75) */
html[data-theme="light"] .invhs2__cat { color: hsl(var(--body-color)); }

/* Return type cards */
html[data-theme="light"] .invhs2__type {
  background: hsl(var(--black));
  box-shadow: none;
}
html[data-theme="light"] .invhs2__type--active,
html[data-theme="light"] .invhs2__type:hover {
  background: hsl(var(--black-two));
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
html[data-theme="light"] .invhs2__type-tagline { color: hsl(var(--heading-color)); }
html[data-theme="light"] .invhs2__type-desc    { color: hsl(var(--body-color)); }
html[data-theme="light"] .invhs2__type-bullets li { color: hsl(var(--body-color)); }

/* Button row — prevent unnecessary wrapping inside the narrow left column */
html[data-theme="light"] .hcs__content-wrap .lh-actions,
html[data-theme="dark"]  .hcs__content-wrap .lh-actions {
  flex-wrap: wrap;
  row-gap: 10px;
}
html[data-theme="light"] .hcs__content-wrap .lh-actions .btn,
html[data-theme="dark"]  .hcs__content-wrap .lh-actions .btn {
  white-space: nowrap;
  flex-shrink: 0;
}

/* ================================================================
   24. BOOTSTRAP TEMPLATE — pricing, tables, forms, modals, etc.
   ================================================================ */

/* Pricing cards */
html[data-theme="light"] .pricing-content { background: hsl(var(--black-two)); border: 1px solid hsl(var(--border-color)); }

/* Bootstrap cards */
html[data-theme="light"] .card          { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .card-header   { background: hsl(var(--black)); border-bottom-color: hsl(var(--border-color)); }
html[data-theme="light"] .card-body     { color: hsl(var(--body-color)); }
html[data-theme="light"] .card-title    { color: hsl(var(--heading-color)); }

/* Bootstrap tables */
html[data-theme="light"] .table        { color: hsl(var(--body-color)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .table > :not(caption) > * > * {
  background-color: hsl(var(--black));
  color: hsl(var(--body-color));
  border-bottom-color: hsl(var(--border-color));
}
html[data-theme="light"] .table-striped > tbody > tr:nth-of-type(odd) > * { background-color: hsl(var(--black-two)); }
html[data-theme="light"] .table thead th { color: hsl(var(--heading-color)); background: hsl(var(--black-two)); border-bottom-color: hsl(var(--border-color)); }
html[data-theme="light"] .table-hover > tbody > tr:hover > * { background-color: hsl(var(--black-two)); }

/* Forms */
html[data-theme="light"] .form-control,
html[data-theme="light"] .form-select {
  background-color: hsl(var(--black-two));
  border-color: hsl(var(--border-color));
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .form-control::placeholder { color: hsl(var(--body-color)); }
html[data-theme="light"] .form-control:focus,
html[data-theme="light"] .form-select:focus {
  background-color: hsl(var(--black));
  border-color: hsl(var(--base)/0.5);
  box-shadow: 0 0 0 3px hsl(var(--base)/0.1);
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .form-label  { color: hsl(var(--heading-color)); }
html[data-theme="light"] .form-text   { color: hsl(var(--body-color)); }
html[data-theme="light"] .form-select option { background: hsl(var(--black)); color: hsl(var(--heading-color)); }
html[data-theme="light"] .input-group-text {
  background-color: hsl(var(--black-two));
  border-color: hsl(var(--border-color));
  color: hsl(var(--body-color));
}

/* Bootstrap modals */
html[data-theme="light"] .modal-content   { background: hsl(var(--black)); border-color: hsl(var(--border-color)); color: hsl(var(--body-color)); }
html[data-theme="light"] .modal-header    { border-bottom-color: hsl(var(--border-color)); }
html[data-theme="light"] .modal-header .modal-title { color: hsl(var(--heading-color)); }
html[data-theme="light"] .modal-footer    { border-top-color: hsl(var(--border-color)); }
html[data-theme="light"] .btn-close       { filter: invert(1) grayscale(1); }

/* Bootstrap dropdowns */
html[data-theme="light"] .dropdown-menu  { background-color: hsl(var(--black)); border-color: hsl(var(--border-color)); box-shadow: 0 8px 24px rgba(0,0,0,0.1); }
html[data-theme="light"] .dropdown-item  { color: hsl(var(--body-color)); }
html[data-theme="light"] .dropdown-item:hover,
html[data-theme="light"] .dropdown-item:focus { background-color: hsl(var(--black-two)); color: hsl(var(--heading-color)); }
html[data-theme="light"] .dropdown-divider { border-top-color: hsl(var(--border-color)); }

/* Bootstrap accordion */
html[data-theme="light"] .accordion-item    { background-color: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .accordion-button  { background-color: hsl(var(--black-two)); color: hsl(var(--heading-color)); }
html[data-theme="light"] .accordion-button:not(.collapsed) { background-color: hsl(var(--black)); color: hsl(var(--base)); }
html[data-theme="light"] .accordion-button::after { filter: invert(1) hue-rotate(180deg); }
html[data-theme="light"] .accordion-body    { background-color: hsl(var(--black)); color: hsl(var(--body-color)); }

/* Tabs */
html[data-theme="light"] .nav-tabs { border-bottom-color: hsl(var(--border-color)); }
html[data-theme="light"] .nav-tabs .nav-link { color: hsl(var(--body-color)); }
html[data-theme="light"] .nav-tabs .nav-link.active {
  background-color: hsl(var(--black));
  border-color: hsl(var(--border-color)) hsl(var(--border-color)) hsl(var(--black));
  color: hsl(var(--base));
}

/* Pagination */
html[data-theme="light"] .page-link { background-color: hsl(var(--black-two)); border-color: hsl(var(--border-color)); color: hsl(var(--body-color)); }
html[data-theme="light"] .page-link:hover { background-color: hsl(var(--gray)); color: hsl(var(--heading-color)); }
html[data-theme="light"] .page-item.active .page-link { background-color: hsl(var(--base)); border-color: hsl(var(--base)); color: #000; }

/* Alerts */
html[data-theme="light"] .alert { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); color: hsl(var(--body-color)); }

/* ================================================================
   25. TEMPLATE PAGE SECTIONS (Bootstrap template classes)
   ================================================================ */
html[data-theme="light"] .section-heading .section-heading__title,
html[data-theme="light"] .section-heading .title       { color: hsl(var(--heading-color)); }
html[data-theme="light"] .section-heading .section-heading__subtitle,
html[data-theme="light"] .section-heading p,
html[data-theme="light"] .section-heading span.subtitle { color: hsl(var(--body-color)); }

html[data-theme="light"] .service-item  { background: hsl(var(--black-two)); border: 1px solid hsl(var(--border-color)); }
html[data-theme="light"] .service-item__title { color: hsl(var(--heading-color)); }
html[data-theme="light"] .service-item__desc  { color: hsl(var(--body-color)); }

html[data-theme="light"] .blog-item     { background: hsl(var(--black-two)); border: 1px solid hsl(var(--border-color)); }
html[data-theme="light"] .blog-item__title { color: hsl(var(--heading-color)); }
html[data-theme="light"] .blog-item__desc  { color: hsl(var(--body-color)); }

html[data-theme="light"] .team-item     { background: hsl(var(--black-two)); border: 1px solid hsl(var(--border-color)); }
html[data-theme="light"] .team-item__name { color: hsl(var(--heading-color)); }
html[data-theme="light"] .team-item__role { color: hsl(var(--body-color)); }

html[data-theme="light"] .testimonial-item { background: hsl(var(--black-two)); border: 1px solid hsl(var(--border-color)); }
html[data-theme="light"] .testimonial-item p,
html[data-theme="light"] .testimonial-item__desc { color: hsl(var(--body-color)); }
html[data-theme="light"] .testimonial-item__name  { color: hsl(var(--heading-color)); }

html[data-theme="light"] .counter-item__number { color: hsl(var(--heading-color)); }
html[data-theme="light"] .counter-item__title  { color: hsl(var(--body-color)); }

html[data-theme="light"] .contact-box   { background: hsl(var(--black-two)); border: 1px solid hsl(var(--border-color)); }

html[data-theme="light"] .privacy-item__title { color: hsl(var(--heading-color)); }
html[data-theme="light"] .privacy-item p,
html[data-theme="light"] .privacy-item li     { color: hsl(var(--body-color)); }

html[data-theme="light"] .legal-section__title { color: hsl(var(--heading-color)); }
html[data-theme="light"] .legal-body p,
html[data-theme="light"] .legal-body li        { color: hsl(var(--body-color)); }
html[data-theme="light"] .legal-toc__link      { color: hsl(var(--body-color)); }
html[data-theme="light"] .legal-toc__link:hover { color: hsl(var(--base)); }

/* ================================================================
   26. SECTION BACKGROUND SAFETY NET
   Any remaining section--dark, bg--black on non-banner elements
   ================================================================ */
html[data-theme="light"] .section--dark,
html[data-theme="light"] .pf-challenges,
html[data-theme="light"] .pf-rules,
html[data-theme="light"] .pf-pairs,
html[data-theme="light"] .inv-hiw,
html[data-theme="light"] .inv-cats,
html[data-theme="light"] .inv-trust { background: hsl(var(--black-two)); }

/* General bg--black on content sections (not banners) */
html[data-theme="light"] .bg--black:not(.pf-hero):not(.inv-hero):not(.banner-section):not([class*="breadcrumb"]):not([class*="banner"]) {
  background: hsl(var(--black)) !important;
}
html[data-theme="light"] .bg--black-two:not(.pf-hero):not(.inv-hero):not(.banner-section):not([class*="breadcrumb"]):not([class*="banner"]) {
  background: hsl(var(--black-two)) !important;
}

/* ================================================================
   27. BREADCRUMB — text visible; do NOT touch banner overlay
   ================================================================ */
html[data-theme="light"] .breadcrumb-item a             { color: hsl(var(--base)); }
html[data-theme="light"] .breadcrumb-item.active        { color: hsl(var(--heading-color)); }
html[data-theme="light"] .breadcrumb-item + .breadcrumb-item::before { color: hsl(var(--body-color)); }

/* ================================================================
   28. FOOTER LEGAL STRIP — stays on dark (#002A28) background
   ================================================================ */
/* Footer text is already light; these overrides PROTECT it */
html[data-theme="light"] .footer-area .footer-legal__links a {
  border-color: rgba(255,255,255,0.09);
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.5) !important;
}
html[data-theme="light"] .footer-area .footer-legal__notes p,
html[data-theme="light"] .footer-area .footer-legal__notes strong { color: rgba(255,255,255,0.55); }

/* ================================================================
   29. SCROLL TO TOP
   ================================================================ */
html[data-theme="light"] .scroll-top { background: hsl(var(--base)); color: #000; border: none; }

/* ================================================================
   30. TOOLTIPS
   ================================================================ */
html[data-theme="light"] .tooltip-inner { background-color: hsl(var(--heading-color)); color: hsl(var(--black)); }

/* ================================================================
   31. PRELOADER
   ================================================================ */
html[data-theme="light"] .preloader { background: hsl(var(--black)); }

/* ================================================================
   32. text-white UTILITY GUARD
   Prevents Bootstrap .text-white from making text invisible on
   white bg.  Explicitly exempts footer, sidenav, and banner areas
   where the background is always dark.
   ================================================================ */
html[data-theme="light"] .text-white:not(.footer-area .text-white):not(.sidenav .text-white):not(.sidenav-flyout .text-white):not(.pf-hero .text-white):not(.inv-hero .text-white):not(.hb-section .text-white):not(.banner-one-section .text-white):not(.banner-two-section .text-white):not(.breadcrumb .text-white):not(.demo-mt5-section .text-white):not(.ct-cta-section .text-white) {
  color: hsl(var(--heading-color)) !important;
}

/* ================================================================
   33. TOPBAR — mobile (hardcoded rgba whites in topbar.css)
   ================================================================ */
html[data-theme="light"] .topbar__dl-btn { border-color: hsl(var(--white)/0.2); color: hsl(var(--white)); }
html[data-theme="light"] .topbar__dl-btn:hover { color: #fff; }
html[data-theme="light"] .topbar__gt .gt-btn   { color: hsl(var(--white)); }
html[data-theme="light"] .sidenav-topbar__burger {
  background: rgba(0, 42, 40, 0.07);
  border-color: rgba(0, 42, 40, 0.16);
  color: #002A28;
}
html[data-theme="light"] .sidenav-topbar__burger:hover {
  background: rgba(0, 42, 40, 0.12);
  border-color: rgba(0, 42, 40, 0.24);
}

/* ================================================================
   34. HERO CAROUSEL CONTROLS (hardcoded rgba whites)
   ================================================================ */
html[data-theme="light"] .hero-ctrl-btn { border-color: rgba(0,0,0,0.15); background: rgba(255,255,255,0.75); color: rgba(0,0,0,0.45); }
html[data-theme="light"] .hero-dash     { background: rgba(0,0,0,0.15); }

/* ================================================================
   35. SELECTION
   ================================================================ */
html[data-theme="light"] ::selection { background: hsl(var(--base)/0.2); color: hsl(var(--heading-color)); }

/* ================================================================
   36. LEGACY HOMEPAGE SECTIONS (lh-*)
   These sections use CSS variable-based backgrounds (hsl(var(--black)/X)
   and hsl(var(--white)/X)) which become near-invisible on a white page.
   Override card backgrounds, borders, panels and inputs.
   Text colors are already correct via the --white inversion.
   ================================================================ */

/* Ticker border */
html[data-theme="light"] .lh-ticker {
  border-top-color:    hsl(var(--border-color));
  border-bottom-color: hsl(var(--border-color));
}

/* Main card types — near-invisible gradient bg in light mode */
html[data-theme="light"] .lh-account-card,
html[data-theme="light"] .lh-pricing-card,
html[data-theme="light"] .lh-market-card,
html[data-theme="light"] .lh-platform,
html[data-theme="light"] .lh-payment-card,
html[data-theme="light"] .lh-partner-card {
  background: hsl(var(--black-two));
  border-color: hsl(var(--border-color));
  box-shadow: 0 4px 24px rgba(0,0,0,0.06);
}

/* Featured pricing card */
html[data-theme="light"] .lh-pricing-card--featured {
  border-color: hsl(var(--base)/0.4);
  background: linear-gradient(145deg, hsl(var(--base)/0.07), hsl(var(--black-two)));
}

/* Feature items / pillars / steps / reasons */
html[data-theme="light"] .lh-pillar,
html[data-theme="light"] .lh-reason,
html[data-theme="light"] .lh-step,
html[data-theme="light"] .lh-payment-features > div {
  background: hsl(var(--black));
  border-color: hsl(var(--border-color));
}

/* Platform features */
html[data-theme="light"] .lh-platform-features div {
  background: hsl(var(--black));
  border-color: hsl(var(--border-color));
  color: hsl(var(--heading-color));
}

/* Stats strip / market stats */
html[data-theme="light"] .lh-stat-strip,
html[data-theme="light"] .lh-market-stats {
  border-color: hsl(var(--border-color));
  background: hsl(var(--border-color)); /* gap colour between cells */
}
html[data-theme="light"] .lh-stat-strip div,
html[data-theme="light"] .lh-market-stats div {
  background: hsl(var(--black-two));
}
html[data-theme="light"] .lh-stat-strip span,
html[data-theme="light"] .lh-market-stats span { color: hsl(var(--body-color)); }

/* Metrics */
html[data-theme="light"] .lh-metrics {
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .lh-metrics span {
  background: hsl(var(--black));
  color: hsl(var(--body-color));
}

/* Symbols grid */
html[data-theme="light"] .lh-symbols div {
  background: hsl(var(--black));
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .lh-symbols strong { color: hsl(var(--heading-color)); }

/* Big stat dividers */
html[data-theme="light"] .lh-big-stat { border-bottom-color: hsl(var(--border-color)); }
html[data-theme="light"] .lh-big-stat span { color: hsl(var(--body-color)); }
html[data-theme="light"] .lh-expert .lh-big-stat {
  border-color: hsl(var(--border-color));
  background: linear-gradient(145deg, hsl(var(--black)), hsl(var(--black-two)));
  box-shadow: 0 16px 40px rgba(0,0,0,0.08);
}
html[data-theme="light"] .lh-expert .lh-big-stat::before {
  background: radial-gradient(circle at 50% 0%, hsl(var(--base)/0.16), transparent 46%);
}
html[data-theme="light"] .lh-expert .col-lg-6.text-center::before {
  background:
    radial-gradient(circle, hsl(var(--base)/0.16), hsl(var(--base)/0.055) 48%, transparent 72%);
}
html[data-theme="light"] .lh-expert .col-lg-6.text-center::after {
  border-color: hsl(var(--base)/0.2);
  box-shadow:
    0 0 30px hsl(var(--base)/0.13),
    inset 0 0 30px hsl(var(--base)/0.06);
}

/* Market tabs */
html[data-theme="light"] .lh-market-tabs button {
  background: hsl(var(--black));
  border-color: hsl(var(--border-color));
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .lh-market-tabs button.active,
html[data-theme="light"] .lh-market-tabs button:hover {
  border-color: hsl(var(--base)/0.45);
  background: hsl(var(--base)/0.07);
}
html[data-theme="light"] .lh-market-tabs span { color: hsl(var(--body-color)); }

/* Market panel */
html[data-theme="light"] .lh-market-card > .lh-title {
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .lh-market-card > .lh-lead {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .lh-market-panel {
  background: hsl(var(--black-two));
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .lh-market-panel > span { color: hsl(var(--base)); }
html[data-theme="light"] .lh-market-panel h3 { color: hsl(var(--heading-color)); }
html[data-theme="light"] .lh-market-panel p  { color: hsl(var(--body-color)); }
html[data-theme="light"] .lh-tags em {
  background: hsl(var(--base)/0.09);
  color: hsl(var(--heading-color));
}

/* TradingView widget inside lh-market */
html[data-theme="light"] .lh-tv-widget,
html[data-theme="light"] .lh-tv-widget .tradingview-widget-container__widget {
  background: hsl(var(--black-two));
  color: hsl(var(--heading-color));
}

/* Compare strip */
html[data-theme="light"] .lh-compare {
  background: hsl(var(--black));
  border-color: hsl(var(--border-color));
  color: hsl(var(--body-color));
}

/* Pricing card dividers */
html[data-theme="light"] .lh-pricing-card li {
  border-bottom-color: hsl(var(--border-color));
  color: hsl(var(--body-color));
}
html[data-theme="light"] .lh-pricing-card li:first-child { border-top-color: hsl(var(--border-color)); }
html[data-theme="light"] .lh-pricing-card li strong      { color: hsl(var(--heading-color)); }
html[data-theme="light"] .lh-pricing-card h3             { color: hsl(var(--heading-color)); }
html[data-theme="light"] .lh-pricing-card p              { color: hsl(var(--body-color)); }

/* Card head / account card */
html[data-theme="light"] .lh-card-head { color: hsl(var(--heading-color)); }
html[data-theme="light"] .lh-account-card p        { color: hsl(var(--body-color)); }
html[data-theme="light"] .lh-account-card p strong { color: hsl(var(--heading-color)); }

/* Forex intro */
html[data-theme="light"] .lh-forex-intro .lh-lead {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .lh-forex-intro .lh-pillar {
  background: linear-gradient(145deg, hsl(var(--black)), hsl(var(--black-two)));
  border-color: hsl(var(--border-color));
  box-shadow: 0 14px 34px rgba(0,0,0,0.07);
}
html[data-theme="light"] .lh-forex-intro .lh-stat-strip {
  border-color: hsl(var(--base)/0.22);
  background: hsl(var(--base)/0.16);
  box-shadow: 0 16px 42px rgba(0,0,0,0.08);
}
html[data-theme="light"] .lh-forex-intro .lh-stat-strip div {
  background: linear-gradient(180deg, hsl(var(--black)), hsl(var(--black-two)));
}
html[data-theme="light"] .lh-forex-intro .lh-account-visual {
  background: linear-gradient(145deg, hsl(var(--black)), hsl(var(--black-two)));
  border-color: hsl(var(--border-color));
  box-shadow: 0 22px 60px rgba(0,0,0,0.08);
}

/* Float widget */
html[data-theme="light"] .lh-float {
  background: hsl(var(--black-two));
  border-color: hsl(var(--border-color));
  box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}
html[data-theme="light"] .lh-float small { color: hsl(var(--body-color)); }

/* Demo shell */
html[data-theme="light"] .lh-demo-shell {
  background: hsl(var(--black-two));
  border-color: hsl(var(--base)/0.18);
  box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}

/* Demo form input */
/* Demo section: the card image creates a dark bg in both themes,
   so in light mode we still need the DARK overlays + WHITE text.
   The ::before image + ::after dark overlay are applied via overrides.css.
   We only adjust the dark overlay opacity for light mode. */

html[data-theme="light"] .lh-demo-shell::after {
  background: rgba(0, 8, 6, 0.52) !important; /* slightly stronger for light mode */
}

/* Shell: keep glowing border + animated pulse so the card still feels alive */
html[data-theme="light"] .lh-demo-shell {
  border: 1px solid rgba(8, 239, 40, 0.35) !important;
  animation: demo-shell-pulse 4s ease-in-out infinite !important;
}

@keyframes demo-shell-pulse {
  0%,  100% { box-shadow: 0 8px 40px rgba(8,239,40,0.10), 0 0 0 1px rgba(8,239,40,0.12) inset; }
  50%        { box-shadow: 0 14px 60px rgba(8,239,40,0.20), 0 0 0 1px rgba(8,239,40,0.22) inset; }
}

/* ── Text: white because the bg image is dark ─────────────── */
html[data-theme="light"] .lh-demo__content .lh-title {
  color: #fff !important;
}
html[data-theme="light"] .lh-demo__content .lh-title span {
  color: hsl(var(--base));
}
html[data-theme="light"] .lh-demo__content .lh-lead {
  color: rgba(255, 255, 255, 0.75) !important;
}
html[data-theme="light"] .lh-demo-field__label {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* ── Inputs: frosted dark glass matching the card mood ─────── */
html[data-theme="light"] .lh-demo-form input {
  background: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08) !important;
  transition: border-color 0.22s, box-shadow 0.22s, background 0.22s;
}
html[data-theme="light"] .lh-demo-form input::placeholder {
  color: rgba(255, 255, 255, 0.45) !important;
}
html[data-theme="light"] .lh-demo-form input:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(8, 239, 40, 0.35) !important;
}
html[data-theme="light"] .lh-demo-form input:focus {
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: hsl(var(--base)) !important;
  box-shadow:
    0 0 0 3px hsl(var(--base) / 0.18),
    0 0 28px hsl(var(--base) / 0.15),
    inset 0 1px 0 rgba(255,255,255,0.1) !important;
}

/* Partner card items */
html[data-theme="light"] .lh-partner-item       { border-bottom-color: hsl(var(--border-color)); }
html[data-theme="light"] .lh-partner-item h3    { color: hsl(var(--heading-color)); }
html[data-theme="light"] .lh-partner-item p     { color: hsl(var(--body-color)); }

/* Payment card divider */
html[data-theme="light"] .lh-payment-card > div:first-child { border-bottom-color: hsl(var(--border-color)); }
html[data-theme="light"] .lh-payment-card > div:first-child p { color: hsl(var(--body-color)); }

/* Payment scrolling logos — brand green tint in light mode */
html[data-theme="light"] .lh-logo-strip img {
  filter: invert(69%) sepia(99%) saturate(3493%) hue-rotate(88deg) brightness(110%) contrast(119%);
  opacity: 0.9;
}

/* Check list */
html[data-theme="light"] .lh-check-list li { color: hsl(var(--body-color)); }

/* Step active number (hsl(var(--black)) = white text on green) */
html[data-theme="light"] .lh-step span.active { color: #000; } /* stays black-on-green */

/* Get Started roadmap */
html[data-theme="light"] .lh-start-roadmap__features::before {
  background: linear-gradient(180deg, transparent, hsl(var(--border-color)) 12%, hsl(var(--border-color)) 88%, transparent);
}
html[data-theme="light"] .lh-start-roadmap__number {
  border-color: hsl(var(--base)/0.24);
  background: hsl(var(--black));
  box-shadow: 0 14px 34px rgba(0,0,0,0.08);
}
html[data-theme="light"] .lh-start-roadmap__number span {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .lh-start-roadmap__item.active .lh-start-roadmap__number,
html[data-theme="light"] .lh-start-roadmap__item:hover .lh-start-roadmap__number,
html[data-theme="light"] .lh-start-roadmap__item:focus-visible .lh-start-roadmap__number {
  background: hsl(var(--base));
  box-shadow:
    0 0 0 9px hsl(var(--base)/0.12),
    0 0 28px hsl(var(--base)/0.24),
    0 14px 34px rgba(0,0,0,0.1);
}
html[data-theme="light"] .lh-start-roadmap__text::before {
  background: hsl(var(--border-color));
}
html[data-theme="light"] .lh-start-roadmap__text h3 {
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .lh-start-roadmap__text p {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .lh-start-roadmap__item.active .lh-start-roadmap__text h3,
html[data-theme="light"] .lh-start-roadmap__item:hover .lh-start-roadmap__text h3,
html[data-theme="light"] .lh-start-roadmap__item:focus-visible .lh-start-roadmap__text h3 {
  color: hsl(var(--base));
}
html[data-theme="light"] .lh-start-roadmap__visual {
  background: transparent;
  box-shadow: none;
}
html[data-theme="light"] .lh-start-roadmap__visual::before {
  background: radial-gradient(circle, hsl(var(--base)/0.16), transparent 68%);
}

/* ================================================================
   LEGAL PAGES
   ================================================================ */

/* Hero */
html[data-theme="light"] .legal-hero {
  background: hsl(var(--black-two));
  border-bottom-color: hsl(var(--border-color));
}
html[data-theme="light"] .legal-hero::before {
  background: radial-gradient(ellipse at 50% -10%, hsl(var(--base)/0.06) 0%, transparent 65%);
}
html[data-theme="light"] .legal-hero::after {
  background: linear-gradient(90deg, transparent 0%, hsl(var(--base)/0.2) 40%, hsl(var(--base)/0.2) 60%, transparent 100%);
}
html[data-theme="light"] .legal-hero__title {
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .legal-hero__sub {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .legal-hero__meta {
  color: hsl(var(--body-color) / 0.6);
}

/* Body */
html[data-theme="light"] .legal-body {
  background: hsl(var(--black));
}

/* TOC sidebar */
html[data-theme="light"] .legal-toc__inner {
  background: hsl(var(--black-two));
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .legal-toc__label {
  border-bottom-color: hsl(var(--border-color));
}
html[data-theme="light"] .legal-toc__link {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .legal-toc__link:hover {
  color: hsl(var(--heading-color));
  background: rgba(0,0,0,0.05);
}

/* Section dividers */
html[data-theme="light"] .legal-section {
  border-bottom-color: hsl(var(--border-color));
}
html[data-theme="light"] .legal-section__title {
  color: hsl(var(--heading-color));
}

/* Body text */
html[data-theme="light"] .legal-section__body p,
html[data-theme="light"] .legal-section__body ul li {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .legal-section__body strong {
  color: hsl(var(--heading-color));
}

/* Definition list */
html[data-theme="light"] .legal-defs li {
  color: hsl(var(--body-color));
  background: rgba(0,0,0,0.03);
  border-left-color: hsl(var(--base)/0.4);
}
html[data-theme="light"] .legal-defs li strong {
  color: hsl(var(--heading-color));
}

/* Contact card */
html[data-theme="light"] .legal-contact-card {
  background: hsl(var(--base)/0.05);
  border-color: hsl(var(--base)/0.2);
}
html[data-theme="light"] .legal-contact-card__row {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .legal-contact-card__row strong {
  color: hsl(var(--heading-color));
}

/* ─────────────────────────────────────────────────────────────────
   FOREX FOR BEGINNERS  (.fb-*)
   /knowledge/forex-for-beginners
───────────────────────────────────────────────────────────────── */
html[data-theme="light"] .fb-learning {
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .fb-steps {
  background: hsl(var(--black-two));
  border-right-color: hsl(var(--border-color));
}
html[data-theme="light"] .fb-step {
  color: hsl(var(--body-color));
  border-bottom-color: hsl(var(--border-color));
}
html[data-theme="light"] .fb-step:hover {
  background: rgba(0, 0, 0, 0.04);
}
html[data-theme="light"] .fb-step--active {
  background: rgba(8, 239, 40, 0.08);
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .fb-step__num {
  background: rgba(0, 0, 0, 0.06);
  border-color: hsl(var(--border-color));
  color: hsl(var(--body-color));
}
html[data-theme="light"] .fb-step--active .fb-step__num {
  background: hsl(var(--base) / 0.12);
  border-color: hsl(var(--base) / 0.4);
  color: hsl(var(--base));
}
html[data-theme="light"] .fb-panel {
  background: hsl(var(--black));
}
html[data-theme="light"] .fb-panel__title {
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .fb-panel__desc {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .fb-panel__bullets li {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .fb-progress {
  background: rgba(0, 0, 0, 0.08);
}
html[data-theme="light"] .fb-why-card {
  background: hsl(var(--black-two));
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .fb-why-card__title {
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .fb-why-card__desc {
  color: hsl(var(--body-color));
}

/* ─────────────────────────────────────────────────────────────────
   RISK MANAGEMENT CALCULATOR  (.rm-*)
   /knowledge/risk-management
───────────────────────────────────────────────────────────────── */
html[data-theme="light"] .rm-calc {
  background: hsl(var(--black-two));
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .rm-calc__label {
  border-bottom-color: hsl(var(--border-color));
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .rm-calc__inputs {
  border-right-color: hsl(var(--border-color));
}
html[data-theme="light"] .rm-calc__field-label {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .rm-calc__range-labels {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .rm-calc__result {
  background: hsl(var(--black));
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .rm-calc__result--highlight {
  background: hsl(var(--black-two));
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .rm-calc__result-label {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .rm-calc__result-val {
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .rm-calc__equity-label {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .rm-calc__equity-bar {
  background: hsl(var(--border-color));
}

/* ─────────────────────────────────────────────────────────────────
   EVENTS / SEMINARS / WEBINARS  (.ev-*)
   /knowledge/seminar  /knowledge/webinar  /knowledge/events
───────────────────────────────────────────────────────────────── */
html[data-theme="light"] .ev-feature-card {
  background: hsl(var(--black-two));
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .ev-feature-card__title {
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .ev-feature-card__desc {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .ev-webinar-card {
  background: hsl(var(--black-two));
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .ev-webinar-card__title {
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .ev-webinar-card__desc {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .ev-webinar-card__detail {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .ev-profx-card {
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .ev-profx-card__body {
  background: hsl(var(--black-two));
}
html[data-theme="light"] .ev-profx-card__tagline {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .ev-profx-card__meta-item {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .ev-profx-card__meta-label {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .ev-profx-card__meta-val {
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .ev-highlight-card {
  background: hsl(var(--black-two));
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .ev-highlight-card__title {
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .ev-highlight-card__desc {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .ev-detail-item {
  background: hsl(var(--black-two));
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .ev-detail-item__label {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .ev-detail-item__value {
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .ev-learn-box {
  background: hsl(var(--black-two));
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .ev-learn-box__title {
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .ev-learn-box__list li {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .ev-sm-card {
  background: hsl(var(--black-two));
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .ev-sm-detail {
  background: hsl(var(--black));
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .ev-sm-detail__label {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .ev-sm-detail__value {
  color: hsl(var(--heading-color));
}

/* ─────────────────────────────────────────────────────────────────
   EVENT REGISTRATION FORM  (.ef-*)
   /knowledge/seminar  /knowledge/webinar
───────────────────────────────────────────────────────────────── */
html[data-theme="light"] .ef-card {
  background: hsl(var(--black-two));
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .ef-card__title {
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .ef-card__sub {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .ef-label {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .ef-input {
  background: hsl(var(--black));
  border-color: hsl(var(--border-color));
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .ef-input::placeholder {
  color: hsl(var(--body-color) / 0.5);
}
html[data-theme="light"] .ef-input:focus {
  border-color: hsl(var(--base) / 0.6);
  box-shadow: 0 0 0 3px hsl(var(--base) / 0.12);
}
html[data-theme="light"] .ef-note {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .ef-success {
  background: hsl(var(--black-two));
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .ef-success__title {
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .ef-success__msg {
  color: hsl(var(--body-color));
}

/* ─────────────────────────────────────────────────────────────────
   PROFXEXPO SPONSOR BLOCK  (.expo3-*)
   /knowledge/seminar
───────────────────────────────────────────────────────────────── */
html[data-theme="light"] .expo3-card {
  background: hsl(var(--black));
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .expo3-title { color: hsl(var(--heading-color)); }
html[data-theme="light"] .expo3-sub   { color: hsl(var(--body-color)); }
html[data-theme="light"] .expo3-desc  { color: hsl(var(--body-color)); }
html[data-theme="light"] .expo3-desc strong { color: hsl(var(--heading-color)); }
html[data-theme="light"] .expo3-stat__l    { color: hsl(var(--body-color)); }
html[data-theme="light"] .expo3-location  { color: hsl(var(--body-color)); }
html[data-theme="light"] .expo3-stat-div { background: hsl(var(--border-color)); }

/* ─────────────────────────────────────────────────────────────────
   ACCOUNT TYPES – theme-safe classes
   /trading/accounts/account-types
───────────────────────────────────────────────────────────────── */
html[data-theme="light"] .ac-section-h { color: hsl(var(--heading-color)); }
html[data-theme="light"] .ac-section-p { color: hsl(var(--body-color)); }
html[data-theme="light"] .ac-pro-mini-card { background: hsl(var(--black-two)); border-color: hsl(var(--border-color)); }
html[data-theme="light"] .ac-pro-mini-title { color: hsl(var(--heading-color)); }
html[data-theme="light"] .ac-pro-mini-desc  { color: hsl(var(--body-color)); }

/* ─────────────────────────────────────────────────────────────────
   ECONOMIC CALENDAR  (.ec-*)
   /market-analysis/economic-calendar
───────────────────────────────────────────────────────────────── */
html[data-theme="light"] .ec-hero-stat {
  background: hsl(var(--black-two));
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .ec-hero-stat__val {
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .ec-hero-stat--red .ec-hero-stat__val { color: hsl(0 72% 50%); }
html[data-theme="light"] .ec-hero-stat--amber .ec-hero-stat__val { color: hsl(38 85% 42%); }
html[data-theme="light"] .ec-hero-stat__label {
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .ec-hero-stat__sub {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .tv-ec-widget {
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .ec-filter-pill {
  background: hsl(var(--black-two));
  border-color: hsl(var(--border-color));
  color: hsl(var(--body-color));
}
html[data-theme="light"] .ec-filter-pill:hover {
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .ec-impact-card {
  background: hsl(var(--black-two));
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .ec-impact-card__label {
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .ec-impact-card__desc {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .ec-impact-card__examples {
  background: hsl(var(--black));
}
html[data-theme="light"] .ec-impact-card__ex-label {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .ec-impact-card__ex-val {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .ec-event-card {
  background: hsl(var(--black-two));
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .ec-event-card__title {
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .ec-event-card__desc {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .ec-currency-card {
  background: hsl(var(--black-two));
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .ec-currency-card__country {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .ec-currency-card__bank {
  color: hsl(var(--body-color));
  border-bottom-color: hsl(var(--border-color));
}
html[data-theme="light"] .ec-currency-card__key-label {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .ec-currency-card__key-val {
  color: hsl(var(--body-color));
}

/* ─────────────────────────────────────────────────────────────────
   SHARED KNOWLEDGE TEXT UTILITIES  (.kn-body-text, .kn-stat-*)
   Used on forex-for-beginners, forex-education, risk-management,
   economic-calendar and more.
───────────────────────────────────────────────────────────────── */
html[data-theme="light"] .kn-body-text {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .kn-stat-label {
  color: hsl(var(--body-color));
}

/* ─────────────────────────────────────────────────────────────────
   KNOWLEDGE STEPS  (.kn-step*)
   /market-analysis/economic-calendar "How to Trade" section
───────────────────────────────────────────────────────────────── */
html[data-theme="light"] .kn-step__title {
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .kn-step__desc {
  color: hsl(var(--body-color));
}

/* ─────────────────────────────────────────────────────────────────
   EBOOK CARDS  (.kn-ebook-card*)
   /knowledge/forex-education
───────────────────────────────────────────────────────────────── */
html[data-theme="light"] .kn-ebook-card {
  background: hsl(var(--black-two));
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .kn-ebook-card__pages {
  background: hsl(var(--border-color));
  color: hsl(var(--body-color));
}
html[data-theme="light"] .kn-ebook-card__title {
  color: hsl(var(--heading-color));
}

/* ─────────────────────────────────────────────────────────────────
   MODULE CARDS  (.kn-module-card*)
   /knowledge/forex-education — Structured Course Topics
───────────────────────────────────────────────────────────────── */
html[data-theme="light"] .kn-module-card {
  background: hsl(var(--black-two));
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .kn-module-card__title {
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .kn-module-card__lessons {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .kn-module-card__arrow {
  color: hsl(var(--body-color));
}

/* ─────────────────────────────────────────────────────────────────
   RISK RULE CARDS  (.kn-rule-card*)
   /knowledge/risk-management — 6 Golden Rules
───────────────────────────────────────────────────────────────── */
html[data-theme="light"] .kn-rule-card {
  background: hsl(var(--black-two));
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .kn-rule-card__title {
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .kn-rule-card__desc {
  color: hsl(var(--body-color));
}

/* ─────────────────────────────────────────────────────────────────
   DRAWDOWN TABLE  (.kn-drawdown-table*)
   /knowledge/risk-management — Why Losses Are Harder to Recover
───────────────────────────────────────────────────────────────── */
html[data-theme="light"] .kn-drawdown-table {
  background: hsl(var(--black-two));
  border-color: hsl(var(--border-color));
}
html[data-theme="light"] .kn-drawdown-table__head {
  background: hsl(var(--black));
  color: hsl(var(--body-color));
}
html[data-theme="light"] .kn-drawdown-table__row {
  border-top-color: hsl(var(--border-color));
}
html[data-theme="light"] .kn-drawdown-table__loss {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .kn-drawdown-table__bar-wrap {
  background: hsl(var(--border-color));
}

/* ─────────────────────────────────────────────────────────────────
   RISK CALCULATOR PILLS & RESULTS  (.lm-calc-lever-pill, .lm-calc-result*)
   /knowledge/risk-management — Interactive Calculator
───────────────────────────────────────────────────────────────── */
html[data-theme="light"] .lm-calc-lever-pill {
  background: hsl(var(--black-two));
  border-color: hsl(var(--border-color));
  color: hsl(var(--body-color));
}
html[data-theme="light"] .lm-calc-lever-pill:hover {
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .lm-calc-result {
  border-bottom-color: hsl(var(--border-color));
}
html[data-theme="light"] .lm-calc-result__label {
  color: hsl(var(--body-color));
}
html[data-theme="light"] .lm-calc-result--highlight .lm-calc-result__label {
  color: hsl(var(--heading-color));
}
html[data-theme="light"] .lm-calc-result__val {
  color: hsl(var(--heading-color));
}

/* ================================================================
   31. FOREX BASICS — Types of Currency Pairs cards
   ================================================================ */
html[data-theme="light"] .kn-pair-card {
  background: #ffffff;
  border: 1px solid hsl(0 0% 88%);
}
html[data-theme="light"] .kn-pair-card__type {
  color: hsl(0 0% 10%);
}
html[data-theme="light"] .kn-pair-card__desc {
  color: hsl(0 0% 38%);
}

/* ================================================================
   32. FOREX BASICS — Pip & Margin Calculator
   ================================================================ */
html[data-theme="light"] .kn-calc {
  background: #ffffff;
  border: 1px solid hsl(0 0% 88%);
}
html[data-theme="light"] .kn-calc__tabs {
  border-bottom-color: hsl(0 0% 88%);
}
html[data-theme="light"] .kn-calc__tab {
  color: hsl(0 0% 40%);
}
html[data-theme="light"] .kn-calc__tab:hover {
  color: hsl(0 0% 15%);
}
html[data-theme="light"] .kn-calc__inputs {
  border-right-color: hsl(0 0% 88%);
}
@media (max-width: 767px) {
  html[data-theme="light"] .kn-calc__inputs {
    border-bottom-color: hsl(0 0% 88%);
  }
}
html[data-theme="light"] .kn-calc__label {
  color: hsl(0 0% 42%);
}
html[data-theme="light"] .kn-calc__select {
  background: #ffffff;
  border-color: hsl(0 0% 80%);
  color: hsl(0 0% 12%);
}
html[data-theme="light"] .kn-calc__pill {
  background: #f5f5f5;
  border-color: hsl(0 0% 82%);
  color: hsl(0 0% 35%);
}
html[data-theme="light"] .kn-calc__pill:hover {
  color: hsl(0 0% 12%);
}
html[data-theme="light"] .kn-calc__range-row {
  color: hsl(0 0% 50%);
}
html[data-theme="light"] .kn-calc__results-head {
  color: hsl(0 0% 45%);
}
html[data-theme="light"] .kn-calc__result-main {
  background: hsl(0 0% 96%);
}
html[data-theme="light"] .kn-calc__result-main-label {
  color: hsl(0 0% 42%);
}
html[data-theme="light"] .kn-calc__result-divider {
  background: hsl(0 0% 88%);
}
html[data-theme="light"] .kn-calc__result-row {
  color: hsl(0 0% 42%);
  border-bottom-color: hsl(0 0% 90%);
}
html[data-theme="light"] .kn-calc__result-row span:last-child {
  color: hsl(0 0% 12%);
}
html[data-theme="light"] .kn-calc__note {
  color: hsl(0 0% 50%);
}

/* ================================================================
   33. FOREX BASICS — Watch it Live chart buttons & How it Works steps
   ================================================================ */
html[data-theme="light"] .kn-chart-btn {
  background: #f5f5f5;
  border-color: hsl(0 0% 82%);
  color: hsl(0 0% 35%);
}
html[data-theme="light"] .kn-chart-btn:hover {
  color: hsl(0 0% 12%);
}
html[data-theme="light"] .kn-step__title {
  color: hsl(0 0% 10%);
}
html[data-theme="light"] .kn-step__desc {
  color: hsl(0 0% 40%);
}