/* ═══════════════════════════════════════════════════════════════
   حكيمو ماث — وضع داكن احترافي
   فحمي واضح + برتقالي للتمييز · تباين عالٍ للنصوص
   ═══════════════════════════════════════════════════════════════ */

html[data-theme="dark"] {
  --page-bg: #0B0D12;
  --page-bg-alt: #12151C;
  --card-bg: #171B24;
  --card: #171B24;
  --card-bg-strong: #1E2430;
  --card-soft: #141821;

  --text: #E8EBF1;
  --text-strong: #FFFFFF;
  --muted: #9AA3B2;
  --muted-strong: #C5CBD4;

  --border: rgba(255, 255, 255, 0.10);
  --border-strong: rgba(255, 138, 76, 0.40);

  --field-bg: #12151C;
  --field-text: #FFFFFF;
  --field-border: rgba(255, 255, 255, 0.16);

  --hdr-bg: #12151C;
  --hdr-text: #FFFFFF;
  --hdr-border: rgba(255, 255, 255, 0.10);

  --insight: #FF8A4C;
  --insight-strong: #FFB086;
  --insight-soft: rgba(255, 122, 60, 0.16);

  --primary: #FF8A4C;
  --primary-strong: #FFB086;
  --brand-800: #FF8A4C;
  --brand-700: #FF9A62;
  --brand-600: #FF7A3C;

  --btn-solid-bg: linear-gradient(135deg, #E04E1A 0%, #FF7A3C 100%);
  --btn-solid-text: #FFFFFF;
  --btn-gold-bg: linear-gradient(135deg, #E04E1A 0%, #FF8A4C 100%);
  --btn-gold-text: #FFFFFF;

  color-scheme: dark;
}

html[data-theme="dark"] body,
html[data-theme="dark"] body.legend-platform,
html[data-theme="dark"] body.student-no-header,
html[data-theme="dark"] body.global-site {
  color: #E8EBF1 !important;
  background-color: #0B0D12 !important;
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] .hk-hero__name,
html[data-theme="dark"] .hk-secHead__title,
html[data-theme="dark"] .hk-branch__name,
html[data-theme="dark"] .hk-feat__title,
html[data-theme="dark"] .hk-grade__name,
html[data-theme="dark"] .hk-footer__name,
html[data-theme="dark"] .hk-brand__en,
html[data-theme="dark"] .auth-head__title,
html[data-theme="dark"] .acc-hero h1,
html[data-theme="dark"] .acc-card__head h2,
html[data-theme="dark"] .acc-course__title,
html[data-theme="dark"] .acc-brand__name,
html[data-theme="dark"] .mp-pathItem__title,
html[data-theme="dark"] .acc-lecture__title {
  color: #FFFFFF !important;
}

html[data-theme="dark"] p,
html[data-theme="dark"] li,
html[data-theme="dark"] label,
html[data-theme="dark"] td,
html[data-theme="dark"] th,
html[data-theme="dark"] .hk-hero__desc,
html[data-theme="dark"] .hk-secHead__sub,
html[data-theme="dark"] .hk-feat__text,
html[data-theme="dark"] .hk-branch__hint,
html[data-theme="dark"] .hk-line__hint,
html[data-theme="dark"] .hk-grade__hint,
html[data-theme="dark"] .auth-head__sub,
html[data-theme="dark"] .auth-foot,
html[data-theme="dark"] .acc-hero__sub,
html[data-theme="dark"] .acc-companion p,
html[data-theme="dark"] .acc-stat__lbl,
html[data-theme="dark"] .mp-pathItem__meta,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .hint {
  color: #C5CBD4 !important;
}

html[data-theme="dark"] .hk-secHead__kicker,
html[data-theme="dark"] .hk-hero__nameAr,
html[data-theme="dark"] .hk-brand__ar,
html[data-theme="dark"] .acc-hero__kicker,
html[data-theme="dark"] .acc-brand__sub,
html[data-theme="dark"] .hk-line__x,
html[data-theme="dark"] .hk-branch__en,
html[data-theme="dark"] .acc-journey__x,
html[data-theme="dark"] .acc-journey__num {
  color: #FF8A4C !important;
}

html[data-theme="dark"] .hk-line__label,
html[data-theme="dark"] .hk-line__num,
html[data-theme="dark"] .acc-journey__label,
html[data-theme="dark"] .acc-companion h3,
html[data-theme="dark"] .mp-pathItem__status {
  color: #FFFFFF !important;
}

html[data-theme="dark"] a:not(.hk-btn):not(.acc-btn):not(.acc-btnx):not(.btn):not(.btn-submit):not(.hk-btn--white) {
  color: #FF9A62 !important;
}
html[data-theme="dark"] a:not(.hk-btn):not(.acc-btn):hover {
  color: #FFD2B8 !important;
}

/* Header */
html[data-theme="dark"] .hk-hdr__shell {
  background: rgba(18, 21, 28, 0.94) !important;
  border-bottom-color: rgba(255, 255, 255, 0.10) !important;
}
html[data-theme="dark"] .hk-hdr__teacherEn,
html[data-theme="dark"] .hk-hdr__teacherAr { color: #fff !important; }
html[data-theme="dark"] .hk-btn--ghost,
html[data-theme="dark"] .lg-btn--ghost,
html[data-theme="dark"] .lg-btn--outline {
  background: #1E2430 !important;
  color: #FFB086 !important;
  border-color: rgba(255, 138, 76, 0.40) !important;
}
html[data-theme="dark"] .hk-btn--solid,
html[data-theme="dark"] .btn-submit,
html[data-theme="dark"] .acc-btn--primary,
html[data-theme="dark"] a.acc-btn.acc-btn--primary {
  color: #FFFFFF !important;
}
html[data-theme="dark"] .hk-btn--white { color: #C2410C !important; background: #fff !important; }
html[data-theme="dark"] .hk-burger {
  background: #1E2430 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}
html[data-theme="dark"] .hk-burger span { background: #FF8A4C !important; }
html[data-theme="dark"] .hk-drawer {
  background: #171B24 !important;
  border-top-color: rgba(255, 255, 255, 0.10) !important;
}

/* Hero + sections */
html[data-theme="dark"] .hk-hero {
  background: #0B0D12 !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="dark"] .hk-hero__badge {
  background: #1E2430 !important;
  color: #FFB086 !important;
  border-color: rgba(255, 138, 76, 0.35) !important;
}
html[data-theme="dark"] .hk-hero__chips span {
  background: rgba(255, 122, 60, 0.14) !important;
  color: #FFD2B8 !important;
  border-color: rgba(255, 138, 76, 0.35) !important;
}
html[data-theme="dark"] .hk-hero__float {
  background: #1E2430 !important;
  color: #FFB086 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}
html[data-theme="dark"] .hk-line,
html[data-theme="dark"] .hk-features,
html[data-theme="dark"] .hk-stats {
  background: #0B0D12 !important;
}
html[data-theme="dark"] .hk-branches,
html[data-theme="dark"] .hk-grades {
  background: #12151C !important;
}
html[data-theme="dark"] .hk-branch,
html[data-theme="dark"] .hk-feat,
html[data-theme="dark"] .hk-grade,
html[data-theme="dark"] .hk-stat {
  background: #1E2430 !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
  color: #E8EBF1 !important;
}
html[data-theme="dark"] .hk-stat__val { color: #FF8A4C !important; }
html[data-theme="dark"] .hk-grade__badge { background: #FF7A3C !important; color: #fff !important; }
html[data-theme="dark"] .hk-grade__cta { color: #FF9A62 !important; }
html[data-theme="dark"] .hk-marquee { background: #E04E1A !important; color: #fff !important; }
html[data-theme="dark"] .hk-marquee__track,
html[data-theme="dark"] .hk-marquee span { color: #fff !important; }

html[data-theme="dark"] .hk-cta__box,
html[data-theme="dark"] .hk-cta__box p,
html[data-theme="dark"] .hk-cta__box h2,
html[data-theme="dark"] .hk-cta__kicker,
html[data-theme="dark"] .hk-cta__title,
html[data-theme="dark"] .hk-cta__sub {
  color: #FFFFFF !important;
}

/* Auth */
html[data-theme="dark"] .auth-card,
html[data-theme="dark"] .auth-formPane {
  background: #1E2430 !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
}
html[data-theme="dark"] .label { color: #FFFFFF !important; }
html[data-theme="dark"] .input,
html[data-theme="dark"] select.input,
html[data-theme="dark"] textarea.input,
html[data-theme="dark"] .acc-card input,
html[data-theme="dark"] .acc-card select,
html[data-theme="dark"] .acc-card textarea,
html[data-theme="dark"] .acc-input {
  background: #12151C !important;
  color: #FFFFFF !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}
html[data-theme="dark"] .input::placeholder,
html[data-theme="dark"] .acc-input::placeholder { color: #8B95A5 !important; }
html[data-theme="dark"] .input:focus,
html[data-theme="dark"] .acc-input:focus {
  border-color: #FF7A3C !important;
  box-shadow: 0 0 0 3px rgba(255, 122, 60, 0.22) !important;
}
html[data-theme="dark"] .auth-link { color: #FF9A62 !important; }
html[data-theme="dark"] option { background: #12151C; color: #fff; }

/* Account */
html[data-theme="dark"] .acc-topbar,
html[data-theme="dark"] .acc-page,
html[data-theme="dark"] .acc-main,
html[data-theme="dark"] .acc-shell {
  background: #0B0D12 !important;
  color: #E8EBF1 !important;
}
html[data-theme="dark"] .acc-topbar__bar {
  background: #1E2430 !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
  color: #E8EBF1 !important;
}
html[data-theme="dark"] .acc-sidebar {
  background: #171B24 !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
  color: #E8EBF1 !important;
}
html[data-theme="dark"] .acc-nav__item,
html[data-theme="dark"] .acc-nav__lbl {
  color: #E8EBF1 !important;
}
html[data-theme="dark"] .acc-nav__item:hover {
  background: rgba(255, 122, 60, 0.12) !important;
  color: #FFFFFF !important;
}
html[data-theme="dark"] .acc-nav__item.is-active {
  background: rgba(255, 122, 60, 0.16) !important;
  color: #FFB086 !important;
  box-shadow: inset 4px 0 0 #FF7A3C !important;
}
html[data-theme="dark"] .acc-nav__ico,
html[data-theme="dark"] .acc-nav__item.is-active .acc-nav__ico { color: #FF8A4C !important; }
html[data-theme="dark"] .acc-nav__item.is-danger { color: #F5B7B1 !important; }

html[data-theme="dark"] .acc-hero {
  background: linear-gradient(135deg, #1E2430, #171B24) !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
  color: #E8EBF1 !important;
}
html[data-theme="dark"] .acc-journey__step,
html[data-theme="dark"] .acc-companion,
html[data-theme="dark"] .acc-stat,
html[data-theme="dark"] .acc-course,
html[data-theme="dark"] .acc-card,
html[data-theme="dark"] .acc-lecture,
html[data-theme="dark"] .acc-feedCard,
html[data-theme="dark"] .acc-chatCard,
html[data-theme="dark"] .acc-assess-card,
html[data-theme="dark"] .wallet-summary__card,
html[data-theme="dark"] .wallet-history__item,
html[data-theme="dark"] .mp-pathItem {
  background: #1E2430 !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
  color: #E8EBF1 !important;
}
html[data-theme="dark"] .acc-student,
html[data-theme="dark"] .acc-pill {
  background: #12151C !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #FFFFFF !important;
}
html[data-theme="dark"] .acc-bell,
html[data-theme="dark"] .acc-burger {
  background: #12151C !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #FF8A4C !important;
}
html[data-theme="dark"] .acc-burger span { background: #FF8A4C !important; }
html[data-theme="dark"] .acc-stat__val { color: #FF8A4C !important; }
html[data-theme="dark"] .acc-stat__lbl { color: #9AA3B2 !important; }
html[data-theme="dark"] .acc-notifs {
  background: #1E2430 !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
  color: #E8EBF1 !important;
}
html[data-theme="dark"] .acc-notifs__title,
html[data-theme="dark"] .acc-notifs__head { color: #FFFFFF !important; }
html[data-theme="dark"] .acc-emptyBox,
html[data-theme="dark"] .acc-assess-empty,
html[data-theme="dark"] .acc-notifications-empty {
  background: #12151C !important;
  color: #9AA3B2 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-theme="dark"] .phy-toast {
  background: #1E2430 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}
html[data-theme="dark"] .phy-toast__title { color: #FFFFFF !important; }
html[data-theme="dark"] .phy-toast__msg,
html[data-theme="dark"] .phy-toast__list { color: #C5CBD4 !important; }

html[data-theme="dark"] .hk-footer {
  background: #12151C !important;
  color: #C5CBD4 !important;
}
html[data-theme="dark"] .hk-footer__nav a,
html[data-theme="dark"] .hk-footer__link,
html[data-theme="dark"] .hk-footer__phone {
  color: #E8EBF1 !important;
}
html[data-theme="dark"] .hk-footer__heading,
html[data-theme="dark"] .hk-footer__en,
html[data-theme="dark"] .hk-footer__teacher { color: #FF8A4C !important; }
html[data-theme="dark"] .hk-footer__tag,
html[data-theme="dark"] .hk-footer__copy,
html[data-theme="dark"] .hk-footer__dev { color: #9AA3B2 !important; }

html[data-theme="dark"] .acc-comment,
html[data-theme="dark"] .acc-chatMsg {
  background: #12151C !important;
  color: #E8EBF1 !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
}
html[data-theme="dark"] .acc-chatMsg--student {
  background: rgba(255, 122, 60, 0.16) !important;
  color: #FFFFFF !important;
}