/* Shared blue, navy, and gold palette across reading and play. */
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#f6f7fb;--panel:#ffffff;--text:#18243c;--muted:#526079;
  --line:#d5dced;--accent:#244bc4;--accent-dim:#e9efff;--hover:#eef2ff;
  --navy:#182b50;--gold:#ffd17a;
  scrollbar-color:#94a5cc var(--bg);
}
[data-theme="light"] header{background:var(--bg);border-color:var(--line)}
[data-theme="light"] .brand-mark{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:none}
[data-theme="light"] .brand-star{color:#996510}
[data-theme="light"] .header-note{color:var(--muted)}
[data-theme="light"] .nav-button{border-radius:6px}
[data-theme="light"] .nav-button.active{background:var(--accent);border-color:var(--accent);color:#fff}
[data-theme="light"] :is(.hero-copy h1,.overview h2,.journal h2,.platform-heading h1){color:var(--navy)}
[data-theme="light"] .current-role{color:var(--text)}
[data-theme="light"] .primary{background:var(--accent);color:#fff;border-color:var(--accent);border-radius:6px}
[data-theme="light"] :is(.resume-link,.text-button,.inline-link){color:var(--accent);border-color:#8dabe5}
[data-theme="light"] :is(.work-source,.build-credit){color:var(--muted)}
[data-theme="light"] .impact-strip{background:var(--navy);padding:28px 24px;border:0;color:#f5f8ff}
[data-theme="light"] .impact-strip strong{color:var(--gold);font-weight:650}
[data-theme="light"] .impact-strip p span{color:#cedaf0}
[data-theme="light"] .case-company{color:var(--accent)}
[data-theme="light"] .case-content{background:var(--panel);border-color:var(--line);border-left:0;border-radius:0 0 8px 8px}
[data-theme="light"] :is(.case-narrative p,.timeline-body p){color:var(--muted)}
[data-theme="light"] .case-study summary{border-radius:6px}
[data-theme="light"] .case-study[open]>summary{background:var(--accent-dim)}
[data-theme="light"] .case-study[open]>.case-content{border-left:0}
[data-theme="light"] .timeline-role[open]{background:var(--accent-dim);border-color:#90a8df}
[data-theme="light"] .timeline-role:first-child .timeline-description>span{color:var(--accent);font-weight:600}
[data-theme="light"] .builder-note{background:#e9efff;padding:28px;margin:0 0 22px;border:0}
[data-theme="light"] .builder-note+.builder-note{background:#fff2d9}
[data-theme="light"] .builder-note+.builder-note .text-button{color:#76500c;border-color:#b89145}
[data-theme="light"] .overview-contact{background:var(--navy);padding:30px 28px;border:0;margin-top:30px;color:#fff}
[data-theme="light"] .overview-contact h2{color:#fff}
[data-theme="light"] .overview-contact p{color:#d1def2}
[data-theme="light"] .overview-contact .primary{background:var(--gold);color:#182b50;border-color:var(--gold)}
/* The original colored illustration bridges the reading pages and game. */
[data-theme="light"] .world-preview{--accent:#ffd17a;color:#f5f8ff;border:0;border-radius:12px}
[data-theme="light"] dialog{background:var(--panel);border:0;border-radius:12px;box-shadow:0 24px 80px #17284d33;scrollbar-color:#94a5cc var(--panel)}
[data-theme="light"] dialog::backdrop{background:#17284d66;backdrop-filter:blur(5px)}
[data-theme="light"] dialog p{color:var(--muted)}
[data-theme="light"] dialog .story-role{color:var(--text)}
[data-theme="light"] .close{background:var(--hover);border-color:#9dafd5;color:var(--text)}
[data-theme="light"] .story-number{color:var(--accent)}
[data-theme="light"] .story-body{border-color:var(--line)}
[data-theme="light"] .story-body ul{color:var(--muted)}
[data-theme="light"] .career-step{background:var(--bg);border-color:var(--line);border-radius:6px}
[data-theme="light"] .career-step[open]{background:var(--hover);border-color:#9dafd5}
[data-theme="light"] .motion-setting{border-color:var(--line)}
[data-theme="light"] ::selection{background:#ccdaff;color:#182b50}
[data-theme="light"] :is(kbd,.key){color:var(--text);background:var(--accent-dim);border-color:#9dafd5}
[data-theme="light"] :is(a,button,summary,canvas):focus-visible{outline-color:var(--accent)}
[data-theme="light"] .platform-canvas:focus-visible{outline-color:#fff}
[data-theme="light"] .game-toolbar,[data-theme="light"] .platform-touch{background:#e9efff;border-color:#bac9e6}
[data-theme="light"] .platform-touch button{color:var(--accent);border-color:#819ad0}
[data-theme="light"] .platform-touch .jump-button{background:var(--accent);color:#fff;border-color:var(--accent)}
[data-theme="light"] .route-stops button[aria-current="step"]{background:var(--accent-dim);border-color:var(--accent)}
[data-theme="light"] .game-finish{background:#fff2d9;border-color:#c0a371}
@media(hover:hover) and (pointer:fine){
 [data-theme="light"] .primary:hover{background:#18389a;border-color:#18389a}
 [data-theme="light"] .overview-contact .primary:hover{background:#ffe0a3;border-color:#ffe0a3}
 [data-theme="light"] :is(.case-study summary,.chapter-row,.route-stops button):hover{background:var(--hover)}
 [data-theme="light"] :is(.inline-link,.story-links a,.game-actions button):hover{color:#18389a}
 [data-theme="light"] :is(.close,.help-button):hover{background:#dce6ff;border-color:#809bd6}
}
@media(max-width:760px){
 [data-theme="light"] .impact-strip{padding:8px 16px}
 [data-theme="light"] .builder-note{padding:24px 20px}
 [data-theme="light"] .overview-contact{padding:28px 20px}
}