/* Shared brand palette. Status colours and map data retain their own meanings. */
html[data-theme="day"] {
  --brand-blue:#0066ff; --brand-blue-hover:#0054d6; --brand-soft:#edf4ff;
  --space:#fff; --space-2:#f7f9fe; --panel:#fff; --panel-solid:#fff; --panel-soft:#f3f7ff;
  --hairline:#e3eaf6; --hairline-strong:#b6d0ff;
  --ink:#10203f; --ink-2:#536581; --ink-3:#697994;
  --electric:#0066ff; --cyan:#3489ff; --blue:#0066ff;
  --accent:#0066ff; --ds-teal:#0066ff; --ds-jade:#0066ff; --ds-focus:#0066ff;
  --ds-ink:#10203f; --ds-muted:#536581; --ds-line:#e3eaf6;
  --lt-accent:#0066ff; --lt-accent-2:#3489ff; --lt-bg:#f7f9fe;
  --lt-surface:#fff; --lt-surface-2:#f2f6ff; --lt-surface-3:#eaf2ff;
  --lt-line:#e3eaf6; --lt-line-strong:#b6d0ff; --lt-text:#10203f;
  --lt-text-2:#536581; --lt-text-3:#697994;
  --grad-jx:linear-gradient(135deg,#0066ff,#3489ff);
  --shadow:0 4px 22px #15377608; --shadow-lg:0 14px 50px #15377612;
}
html[data-theme="day"] body:not(.on-home),
html[data-theme="day"] body:not(.on-home) main { background:#f7f9fe; }
html[data-theme="day"] :is(.btn-p,.vision-primary,.landing-primary) { background:#0066ff; color:#fff; }
html[data-theme="day"] :is(.sb-progress-num b,.workspace-bar span,.sb-nav-item.on) { color:#0066ff; }
html[data-theme="day"] .sb-progress-bar i { background:#0066ff; }
html[data-theme="day"] .sb-nav-item.on { background:#edf4ff; border-color:#c6daff; }
html[data-theme="day"] .sb-nav-item.on::before { background:#0066ff; }
html[data-theme="day"] .sb-nav-item:hover { color:#0066ff; background:#f1f6ff; }
html[data-theme="day"] :is(.sidebar,.workspace-bar) { background:#fffffff2; border-color:#e3eaf6; box-shadow:none; }
html[data-theme="day"] ::selection { background:#cfe1ff; color:#10203f; }
html[data-theme="day"] body[data-view="quiz"].quiz-answering {
  --lt-bg:#f7f9fe; --lt-surface:#fff; --lt-surface-2:#f2f6ff; --lt-surface-3:#eaf2ff;
  --lt-line:#e3eaf6; --lt-line-strong:#b6d0ff; --lt-text:#10203f;
  --lt-text-2:#536581; --lt-text-3:#697994; --lt-accent:#0066ff; --lt-accent-2:#3489ff;
}
html[data-theme="day"] body[data-view="quiz"].quiz-answering #view { background:#f7f9fe!important; background-image:none!important; }
html[data-theme="day"] .landing-discover-links button { font:inherit; color:#0066ff; min-height:44px; text-align:left; }
body.client-ui {
  --client-teal:#0066ff; --client-ink:#10203f; --client-muted:#536581; --client-bg:#f7f9fe;
  --client-line:#e3eaf6; --accent:#0066ff; --text:#10203f; --muted:#536581; --border:#e3eaf6; --bg:#f7f9fe;
  --cq-accent:#0066ff; --cq-bg:#f7f9fe; --cq-ink:#10203f; --cq-muted:#536581; --cq-line:#e3eaf6; --cq-mint:#edf4ff;
}
body.client-ui :is(button,a,input,select,summary):focus-visible { outline-color:#6aa5ff; }
body.client-ui :is(.client-number,.client-avatar) { background:#edf4ff; }
body.client-ui .client-number { background:transparent; font-size:25px; font-weight:650; width:36px; }
body.client-ui .client-progress { background:#e8effc; }
body.client-ui .client-card { box-shadow:0 3px 12px #15377604; }
body.client-ui .client-primary { background:linear-gradient(135deg,#0873ff,#005cf4); border-radius:12px; }
body.client-ui .client-exam-entry { margin:0 0 18px; padding:0 14px; }
body.client-ui .client-exam-entry .client-exam { border:0; border-bottom:1px solid var(--client-line); border-radius:0; padding:13px 0; margin:0; background:#fff; }
body.client-ui .client-exam-links { display:grid; grid-template-columns:1fr 1fr; padding:4px 0; }
body.client-ui .client-exam-links button { display:flex; align-items:center; justify-content:center; gap:8px; min-height:42px; color:var(--client-teal); font-size:13px; }
body.client-ui .client-exam-links button+button { position:relative; }
body.client-ui .client-exam-links button+button::before { content:''; height:18px; position:absolute; left:0; border-left:1px solid var(--client-line); }
body.client-ui .client-exam-links .client-icon { width:18px; height:18px; }
body.client-ui #jx-sync-indicator { background:#edf4ff!important; color:#536581!important; }
body.client-ui .jx-boot-loading { background:#f7f9fe; color:#0066ff; }
html:has(body.client-ui) { background:#f7f9fe; }
body[data-view="exam-guide"] #view { padding:0!important; max-width:none!important; }
body.client-ui[data-view="exam-guide"] #view { padding:0 0 var(--client-tab-height)!important; }
body[data-view="exam-guide"] #view [id] { scroll-margin-top:80px; }
@media(hover:hover) {
  body.client-ui .client-primary:hover { background:#0054d6; }
  body.client-ui :is(.client-exam-links button,.client-row,.client-subject):hover { background:#f6f9ff; }
}

/* index.html also renders the compact phone home; it uses component colours
   rather than the client-ui tokens used by mobile.html. */
html[data-theme="day"] .mhome { color:var(--ink); }
html[data-theme="day"] .mhome-top { background:linear-gradient(120deg,#0066ff,#3489ff); color:#fff; }
html[data-theme="day"] .mhome-progress-bar { background:#e8effc; }
html[data-theme="day"] .mhome-progress-bar i { background:var(--grad-jx); }
html[data-theme="day"] :is(.mhome-task-go,.mhome-prov-current a) { background:var(--brand-blue); color:#fff; }
html[data-theme="day"] .mhome-task[data-empty] .mhome-task-go { background:#e3eaf6; color:var(--ink-3); }
html[data-theme="day"] :is(.mhome-kicker,.mhome-sub em,.mhome-prov-current div b,.mhome-prov-dir summary) { color:var(--brand-blue); }
html[data-theme="day"] :is(.mhome-task,.mhome-sub,.mhome-province-picker,.mhome-prov-item) { border-color:var(--hairline); background:#fff; }
html[data-theme="day"] .mhome-province-picker select { border-color:var(--hairline-strong); background:#f7f9fe; color:var(--ink); }
html[data-theme="day"] .mhome-prov-empty { border-color:var(--hairline-strong); background:#f3f7ff; color:var(--ink-2); }
html[data-theme="day"] .mhome-prov-current { border-color:var(--hairline-strong); background:linear-gradient(115deg,#edf4ff,#fff); }
html[data-theme="day"] :is(.mhome-task-ic.go,.mhome-cell-ic,.mhome-links a) { background:var(--brand-soft); color:var(--brand-blue); }
html[data-theme="day"] :is(.mhome-count-note,.mhome-prov-current div span,.mhome-prov-item small) { color:var(--ink-2); }
html[data-theme="day"] #jxTabbar { background:#fffffff5; border-color:var(--hairline); box-shadow:0 -6px 24px #15377608; }
html[data-theme="day"] .jx-tab { color:var(--ink-2); }
html[data-theme="day"] body[data-view="home"] .jx-tab[data-tab="home"],
html[data-theme="day"] body[data-view="quiz"] .jx-tab[data-tab="quiz"],
html[data-theme="day"] body[data-view="map-home"] .jx-tab[data-tab="map-home"],
html[data-theme="day"] body[data-view="map"] .jx-tab[data-tab="map-home"],
html[data-theme="day"] body[data-view="me"] .jx-tab[data-tab="me"] { color:var(--brand-blue); }
html[data-theme="day"] .mobile-menu-btn { background:var(--brand-blue); color:#fff; }