/* Four printing inks: yellow ground, black type, white accents, cyan signals. */
:root[data-scheme=cyberpunk]{--muted:var(--paper);--rule:color-mix(in srgb,var(--paper) 35%,transparent)}
[data-scheme=cyberpunk] .hero-being,[data-scheme=cyberpunk] .about-being{background:var(--paper);filter:none}
[data-scheme=cyberpunk] .being-orb{background:#000;box-shadow:none}
[data-scheme=cyberpunk] .record-title{text-shadow:none}
[data-scheme=cyberpunk] .hero-name{background:var(--black)}
/* Keep cyan as an edge or a solid highlight, never a wash over yellow. */
[data-scheme=cyberpunk] .cinema-field i{background:var(--paper);height:1px;top:25%;width:42%;border-radius:0;filter:none;opacity:.2}
[data-scheme=cyberpunk] .cinema-field i:nth-child(2){top:70%;width:30%;height:1px;background:var(--paper)}
[data-scheme=cyberpunk] .cinema-field i:nth-child(3){top:50%;height:2px;background:var(--accent);opacity:1}
[data-scheme=cyberpunk] .crossline{background:var(--paper);mix-blend-mode:normal;opacity:.15}
[data-scheme=cyberpunk] .brand,[data-scheme=cyberpunk] .eyebrow-index,[data-scheme=cyberpunk] .signal-glyph{color:var(--paper)}
[data-scheme=cyberpunk] .eyebrow-rule{background:var(--paper)}
[data-scheme=cyberpunk] .brand:hover,[data-scheme=cyberpunk] .icon-button:hover,[data-scheme=cyberpunk] .appearance-toggle[aria-expanded=true]{color:#000;background:var(--accent);border-color:var(--paper)}
[data-scheme=cyberpunk] .hero-name:hover span{color:var(--paper)}
[data-scheme=cyberpunk] .transport-atmosphere i{background:var(--paper);height:1px;top:72%;filter:none;opacity:.15}
[data-scheme=cyberpunk] .transport-atmosphere i:nth-child(2){top:82%}
[data-scheme=cyberpunk] .transport-atmosphere i:nth-child(3){background:var(--accent);top:92%;opacity:1}
[data-scheme=cyberpunk] .transport-row .play-button{background:#000;color:#fff;border-color:var(--paper);box-shadow:none}
[data-scheme=cyberpunk] .transport-row .play-button:hover{background:var(--accent);color:#000;box-shadow:none}
[data-scheme=cyberpunk] body[data-playing=true] .transport-row .play-button{box-shadow:inset 0 0 0 3px var(--accent)}
[data-scheme=cyberpunk] .transport-row:after{box-shadow:none}
[data-scheme=cyberpunk] #seek::-webkit-slider-thumb{border:1px solid #000;box-shadow:none}
[data-scheme=cyberpunk] #seek::-moz-range-thumb{border:1px solid #000;box-shadow:none}
[data-scheme=cyberpunk] .record-index button{background:transparent;color:var(--paper)}
[data-scheme=cyberpunk] .record-index button[aria-current=true]{background:var(--paper);color:var(--black)}
[data-scheme=cyberpunk] .record-index button[aria-current=true] span{color:var(--accent)}
[data-scheme=cyberpunk] .record-index button[aria-current=true]:before{background:var(--accent)}
[data-scheme=cyberpunk] .record-index button:hover{background:var(--accent);color:#000}
[data-scheme=cyberpunk] .record-index button:hover span{color:#000}
[data-scheme=cyberpunk] .record-index button:after{content:none}
[data-scheme=cyberpunk] .youtube-logo{filter:grayscale(1) contrast(100)}
[data-scheme=cyberpunk] .platform-card:before{background:var(--accent)}
[data-scheme=cyberpunk] .platform-card:hover{border-color:var(--paper)}
[data-scheme=cyberpunk] .board-frame{border-color:var(--rule)}
[data-scheme=cyberpunk] .contact-link:hover{color:var(--paper);border-color:var(--paper);box-shadow:0 3px 0 var(--accent)}
[data-scheme=cyberpunk] .scheme-card:has(input:checked){border-color:var(--paper);box-shadow:inset 0 -4px 0 var(--accent)}
[data-scheme=cyberpunk] .palette-panel input{accent-color:var(--paper)}
[data-scheme=cyberpunk] ::selection{background:#00ffff;color:#000}

/* Magenta: three hard inks. Black ground, magenta type, white signals. */
html[data-scheme=magenta]{--muted:var(--paper);--rule:var(--paper)}
[data-scheme=magenta] .site-shell:after,
[data-scheme=magenta] .hero:before,
[data-scheme=magenta] .cinema-field,
[data-scheme=magenta] .transport-atmosphere,
[data-scheme=magenta] #playback-wake{display:none}
[data-scheme=magenta] :is(.hero,.hero-name,.listening-desk){background:var(--black)}
[data-scheme=magenta] :is(.hero-art,.about-starman){opacity:1}
[data-scheme=magenta] :is(.hero-being,.about-being){background:var(--paper);filter:none;animation:none}
[data-scheme=magenta] .being-orb{background:#fff;box-shadow:none;outline:1px solid #000}
[data-scheme=magenta] .record-title{text-shadow:none}
[data-scheme=magenta] .crossline{background:var(--paper);mix-blend-mode:normal;opacity:1;animation:none}
[data-scheme=magenta] .transport-row .signal-glyph,
[data-scheme=magenta] body[data-playing=true] .transport-row .signal-glyph,
:root[data-scheme=magenta][data-theme=light] .transport-row .signal-glyph{color:#fff;filter:none}
[data-scheme=magenta] .transport-row .signal-glyph .stareye{filter:none}
[data-scheme=magenta] .transport-row .signal-glyph:before,
[data-scheme=magenta] .play-button:after,
[data-scheme=magenta] .record-index button:after{content:none}
[data-scheme=magenta] .transport-row .play-button,
[data-scheme=magenta] body[data-playing=true] .transport-row .play-button{background:var(--black);color:var(--paper);border-color:var(--paper);box-shadow:none}
[data-scheme=magenta] .transport-row .play-button:hover,
[data-scheme=magenta] body[data-playing=true] .transport-row .play-button{background:#fff;color:#000;border-color:#fff}
[data-scheme=magenta] .transport-row:after{box-shadow:none}
[data-scheme=magenta] #seek::-webkit-slider-thumb{background:#fff;box-shadow:none;border:1px solid #000}
[data-scheme=magenta] #seek::-moz-range-thumb{background:#fff;box-shadow:none;border:1px solid #000}
[data-scheme=magenta] .record-index button{background:var(--black);color:var(--paper)}
[data-scheme=magenta] .record-index button[aria-current=true]{background:var(--paper);color:var(--black)}
[data-scheme=magenta] .record-index button[aria-current=true] .record-art{background:var(--black)}
[data-scheme=magenta] .record-index button[aria-current=true] :is(.record-meta span,.record-cue){color:var(--black);opacity:1}
[data-scheme=magenta] .record-index button:hover,
[data-scheme=magenta] .record-index button:focus-visible{background:#fff;color:#000}
[data-scheme=magenta] .record-index button:is(:hover,:focus-visible) :is(.record-meta span,.record-cue){color:#000}
[data-scheme=magenta] .record-index button:is(:hover,:focus-visible) .record-art{background:#000}
[data-scheme=magenta] .record-index .record-duration{opacity:1}
[data-scheme=magenta] .about-board{--board-paper:var(--black);--board-ink:var(--paper);background:var(--board-paper)}
[data-scheme=magenta] :is(.about-copy,.about-copy h2,.identity-record,.contact-link){color:var(--board-ink)}
[data-scheme=magenta] .identity-record dt{opacity:1}
[data-scheme=magenta] .youtube-logo{filter:grayscale(1) contrast(100)}
[data-scheme=magenta] :is(.brand:hover,.icon-button:hover,.appearance-toggle[aria-expanded=true]){background:#fff;color:#000;border-color:#fff}
[data-scheme=magenta] .contact-link:hover{background:#fff;color:#000;border-color:#fff}
[data-scheme=magenta] ::selection{background:#fff;color:#000}
:root[data-scheme=magenta][data-theme=light] .eyebrow-index{color:#000}
/* Keep this scheme crisp even when another theme's title spotlight is available. */
html[data-scheme=magenta] body:has(.record-title:hover) :is(.topbar,.hero-name,.cinema-field,.hero-art,.crossline,.eyebrow,.seek-block,.signal-glyph,.record-index,.platform-dock,.about-board){filter:none}
html[data-scheme=magenta] body:has(.record-title:hover) .transport-row .play-button{background:#fff;color:#000;border-color:#fff;box-shadow:none}