/* Optional makeup only: no font sizes, spacing, player dimensions or navigation geometry. */
@font-face{font-family:'Roots Comic';src:url('/fonts/ComicNeue-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Roots Comic';src:url('/fonts/ComicNeue-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Roots Slab';src:url('/fonts/AlfaSlabOne-Regular.ttf') format('truetype');font-weight:400;font-display:swap}

body[data-text-style="oldschool"] h1,body[data-text-style="oldschool"] h2,body[data-text-style="oldschool"] .nav-label,body[data-text-style="oldschool"] .brand {font-family:'Roots Slab',Georgia,serif;font-weight:400;text-shadow:1px 1px #6a4d24,2px 2px #19150d;letter-spacing:0}
body[data-text-style="oldschool"] .track .title,body[data-text-style="oldschool"] #current-title {font-family:Georgia,serif;text-shadow:1px 1px #0008}
body[data-text-style="depth"] h1,body[data-text-style="depth"] h2,body[data-text-style="depth"] .brand,body[data-text-style="depth"] .nav-label {text-shadow:1px 1px #ae4037,2px 2px #ae8943,3px 3px #32694a}
body[data-text-style="depth"] .track .title,body[data-text-style="depth"] #current-title {text-shadow:1px 1px #32694a}
body[data-text-style="playful"],body[data-text-style="playful"] button,body[data-text-style="playful"] h1,body[data-text-style="playful"] .brand {font-family:'Roots Comic','Comic Sans MS',cursive}
body[data-text-style="playful"] h1,body[data-text-style="playful"] h2,body[data-text-style="playful"] .nav-label {text-shadow:1px 1px #466785}
body:not([data-text-style="classic"]) .tv-control:focus,body:not([data-text-style="classic"]) .tv-control.focused {text-shadow:none!important}
body[data-theme="ocean"] {--make-bg:#070d17;--make-glow:#10344d;--make-panel:#0e1c2b;--make-border:#355a73;--make-button:#192d40;--make-accent:#91ccde;--make-selected:#233e54;--make-text:#e7f0f3}
body[data-theme="plum"] {--make-bg:#0e0914;--make-glow:#3a1e40;--make-panel:#211329;--make-border:#644567;--make-button:#36213e;--make-accent:#dcc1de;--make-selected:#4c2e55;--make-text:#f1eaf2}
body[data-theme="ember"] {--make-bg:#100a08;--make-glow:#4b2819;--make-panel:#251711;--make-border:#77543b;--make-button:#39251b;--make-accent:#e8bc79;--make-selected:#563829;--make-text:#f2e8d9}
body[data-theme="ocean"],body[data-theme="plum"],body[data-theme="ember"] {background:radial-gradient(ellipse at 82% 5%,var(--make-glow),transparent 40%),var(--make-bg);color:var(--make-text)}
body:is([data-theme="ocean"],[data-theme="plum"],[data-theme="ember"]) :is(.hero,.artist-head,.settings-section,.tile,.track,.playlist-empty,.dock,.next-preview,.source-album-head){background:var(--make-panel);border-color:var(--make-border)}
body:is([data-theme="ocean"],[data-theme="plum"],[data-theme="ember"]) :is(.dock-head button,.transport button,.setting-option,.track-add,.track-remove,.favorite-star:not(.saved),.search-shortcut,.search-key,.search-suggestions button,.search-box,.return-top,.shuffle-bar button){background:var(--make-button);border-color:var(--make-border);color:var(--make-text)}
body:is([data-theme="ocean"],[data-theme="plum"],[data-theme="ember"]) :is(.nav button.active,.track.playing,.shuffle-bar button.selected){background:var(--make-selected);color:var(--make-text);box-shadow:inset 3px 0 var(--make-accent)}
body:is([data-theme="ocean"],[data-theme="plum"],[data-theme="ember"]) :is(.eyebrow,.time,.next-time,.brand em,.shuffle-bar span){color:var(--make-accent)}
body:is([data-theme="ocean"],[data-theme="plum"],[data-theme="ember"]) .setting-option.selected{border-color:var(--make-accent);color:var(--make-accent);box-shadow:inset 0 0 0 1px var(--make-accent)}

/* Home keeps its existing layout. Only palette, fonts and shadows change. */
body[data-text-style="oldschool"] h3{font-family:'Roots Slab',Georgia,serif;font-weight:400;text-shadow:1px 1px #6a4d24,2px 2px #19150d}
body[data-text-style="depth"] h3{ text-shadow:1px 1px #ae4037,2px 2px #ae8943,3px 3px #32694a }
body[data-text-style="playful"] a{font-family:'Roots Comic','Comic Sans MS',cursive}
body[data-theme="midnight"].home-page{--make-bg:#07121a;--make-glow:#15374c;--make-panel:#10232e;--make-border:#37556c;--make-button:#1a3344;--make-accent:#b0d4e7;--make-text:#e7f0f3}
body[data-theme="gold"].home-page{--make-bg:#171208;--make-glow:#3d2e14;--make-panel:#261d0e;--make-border:#6d5429;--make-button:#382b16;--make-accent:#e2bf77;--make-text:#f2eadb}
body[data-theme="rasta"].home-page{--make-bg:#080e0a;--make-glow:#193a25;--make-panel:#102018;--make-border:#456446;--make-button:#203b27;--make-accent:#e2bf77;--make-text:#f2eadb}
body:is([data-theme="midnight"],[data-theme="gold"],[data-theme="rasta"]).home-page {background:radial-gradient(ellipse at 82% 5%,var(--make-glow),transparent 40%),var(--make-bg);color:var(--make-text)}
body[data-theme]:not([data-theme="roots"]) :is(header,footer){border-color:var(--make-border)}
body[data-theme]:not([data-theme="roots"]) :is(.radio-feature,.roots-run-feature,.release){background:var(--make-panel);border-color:var(--make-border)}
body[data-theme]:not([data-theme="roots"]) :is(.main-cta,.release b){background:var(--make-accent);color:var(--make-bg)}
body[data-theme]:not([data-theme="roots"]) :is(.hero em,.eyebrow,.text-link,.proof strong,.radio-disc,.art-note){color:var(--make-accent)}
body[data-theme]:not([data-theme="roots"]) :is(.proof,.tools a){border-color:var(--make-border)}
/* A fifth radio choice wraps instead of squeezing the mobile controls. */
.shuffle-bar{flex-wrap:wrap}.shuffle-bar button{flex:1 1 56px;min-width:0}
.playlist-actions{flex-wrap:wrap}