/* Shared surfaces for the landing page, library, account and lesson. */
:root {
  color-scheme:light;
  --page-bg:#f3f5f4;
  --surface:#ffffff;
  --surface-subtle:#f7f9f8;
  --surface-tinted:#e3ebed;
  --surface-hover:#dce7ea;
  --border:#b9c9ce;
  --separator:#becbd0;
  --text:#152a39;
  --text-muted:#4c626f;
  --text-quiet:#5e737d;
  --accent:#214f69;
  --primary:#173d53;
  --primary-hover:#285772;
  --on-primary:#ffffff;
  --hero-bg:#152a39;
  --hero-text:#ffffff;
  --hero-muted:#c7d6dc;
  --hero-action:#ff994f;
  --hero-action-hover:#ffb275;
  --hero-on-action:#152a39;
  --cover-bg:#203e50;
  --cover-text:#ffffff;
  --cover-label-bg:#335669;
  --cover-line:#698593;
  --cover-muted:#d2e0e5;
  --cover-warm:#ffac6d;
  --section-bg:#dbe7eb;
  --section-text:#152a39;
  --section-muted:#3f5967;
  --section-line:#a3bac4;
  --selection-bg:#ffe0c5;
  --selection-text:#503013;
  --warm-accent:#a3430c;
  --focus:#a3430c;
  --success-bg:#e4f1e9;
  --success-text:#265440;
  --warning-bg:#fff3df;
  --warning-border:#d7b97f;
  --warning-text:#70562d;
  --error-bg:#fbe7e3;
  --error-text:#8a302a;
  --danger-bg:#963a32;
  --danger-hover:#782b25;
  --on-danger:#ffffff;
  --video-bg:#152a39;
  --video-text:#e4eef2;
  --shadow-color:#152a3910;
  --dialog-shadow-color:#152a3940;
  --backdrop:#111e2ab0;
  --scroll-thumb:#9eb6c0;
  --scroll-track:#eef3f4;
}
:root[data-theme="dark"] {
  color-scheme:dark;
  --page-bg:#121a22;
  --surface:#1b2934;
  --surface-subtle:#17232d;
  --surface-tinted:#293e4c;
  --surface-hover:#334c5b;
  --border:#58727f;
  --separator:#435965;
  --text:#edf3f6;
  --text-muted:#b6c8d2;
  --text-quiet:#a9bec9;
  --accent:#acd6ec;
  --primary:#acd6ec;
  --primary-hover:#c9e8f7;
  --on-primary:#152a39;
  --hero-bg:#152a39;
  --hero-text:#ffffff;
  --hero-muted:#c7d6dc;
  --hero-action:#ff994f;
  --hero-action-hover:#ffb275;
  --hero-on-action:#152a39;
  --cover-bg:#203e50;
  --cover-text:#ffffff;
  --cover-label-bg:#335669;
  --cover-line:#698593;
  --cover-muted:#d2e0e5;
  --cover-warm:#ffac6d;
  --section-bg:#253c4a;
  --section-text:#edf3f6;
  --section-muted:#c0d2dc;
  --section-line:#59727f;
  --selection-bg:#734423;
  --selection-text:#fff2e8;
  --warm-accent:#ffac6d;
  --focus:#ffac6d;
  --success-bg:#244335;
  --success-text:#b9e5cc;
  --warning-bg:#433725;
  --warning-border:#92764b;
  --warning-text:#f0d4a6;
  --error-bg:#492d2c;
  --error-text:#ffc2b7;
  --danger-bg:#a84c40;
  --danger-hover:#be6053;
  --on-danger:#ffffff;
  --video-bg:#0d1720;
  --video-text:#e4eef2;
  --shadow-color:#00000030;
  --dialog-shadow-color:#00000066;
  --backdrop:#071018bd;
  --scroll-thumb:#638291;
  --scroll-track:#17232d;
}
.brand-mark svg path:not(:first-child){fill:var(--page-bg)}
.brand-mark svg path:last-child{fill:none;stroke:var(--page-bg)}