/* Dark grey / lilac. The grey-orange snapshot is at /vhs-grey-orange/. */
:root {
  --paper: #242428;
  --light: #303034;
  --ink: #e9e5ee;
  --accent: #c2a8ed;
  --accent-hover: #d3bff4;
  --muted: #b2acbb;
  --line: rgba(233, 229, 238, .2);
  --red: var(--accent);
  --panel: #1c1c20;
  color-scheme: dark;
}

::selection { background: var(--accent); color: var(--paper); }
.skip-link { background: var(--accent); color: var(--paper); }
.hero-eyebrow, .hero-description, .section-note,
.release-number, .release-type, .release-title small,
.hero-rule, .about-text p, .footer-bottom { color: var(--muted); }
.section-heading h2 em, .about-heading h2 em { color: var(--accent); }
.play-stamp { color: var(--paper); }

.studio-player { background: var(--panel); color: var(--ink); }
.studio-player .eyebrow { color: var(--accent); }
.sample-note { color: var(--muted); }
.sample-tab.is-selected { color: var(--ink); border-color: var(--accent); }
.round-play { color: var(--accent); border-color: var(--line); }
.waveform { background: #9991a5; opacity: 1; }
.waveform:after { background: var(--accent); }
.studio-seek { color: #68616f; }
.studio-seek::-webkit-slider-thumb { background: var(--accent) !important; }
.studio-seek::-moz-range-thumb { background: var(--accent) !important; }

.practice { background: #202024; color: var(--ink); }
.practice .section-note { color: var(--muted); }
.practice-intro h2 em, .service-number { color: var(--accent); }
.signal-diagram span { background: var(--accent); }
.service, .service:last-child, .service-tags span { border-color: var(--line); }

.visual-lab { background: #1c1c20; color: var(--ink); }
.lab-header .eyebrow, .lab-copy p, .lab-caption { color: var(--muted); }
.lab-copy h2 em { color: var(--accent); }
.motion-toggle { color: var(--ink); }
.motion-toggle:hover { border-color: var(--accent); color: var(--accent); }
.lab-header, .lab-caption { border-color: var(--line); }

.footer { background: #19191d; color: var(--ink); }
.footer h2 em { color: var(--accent); }
.contact-email, .social-links a, .footer-bottom, .contact-link { border-color: var(--line); }
.contact-email:hover, .social-links a:hover,
.contact-link:hover, .footer-bottom a:hover { color: var(--accent); }
.contact-form label { color: var(--muted); }
.contact-form input:not([type=hidden]), .contact-form textarea {
  color: var(--ink); border-bottom-color: #67616e;
}
.contact-form input:focus, .contact-form textarea:focus {
  border-bottom-color: var(--accent); box-shadow: 0 1px 0 var(--accent);
}
.contact-submit { background: var(--accent); color: var(--paper); }
.contact-submit:hover { background: var(--accent-hover); }

.player-dock { background: var(--panel); color: var(--ink); border-color: #67616e; }
.dock-play { color: var(--accent); }
.player-dock input::-webkit-slider-thumb { background: var(--accent); }
.player-dock input::-moz-range-thumb { background: var(--accent); }
.player-message { background: var(--accent); color: var(--paper); border-color: var(--accent); }