/* Ollie Dakin — Midnight Voltage palette (public site)
   Add after the existing embedded styles. Styling only; no layout or behaviour changes. */
:root{
  --od-obsidian:#080B10;
  --od-midnight:#111C2C;
  --od-ice:#A8C9E8;
  --od-amber:#D6A064;
  --od-violet:#77668F;
  --od-silver:#DCE0E5;
  --bg:var(--od-obsidian);
  --panel:var(--od-midnight);
  --ink:var(--od-silver);
  --muted:#AAB4C1;
  --line:rgba(220,224,229,.15);
  --blue:var(--od-ice);
  --violet:var(--od-violet);
  --warm:var(--od-amber);
  --glass-line:rgba(168,201,232,.19);
  --glass-surface:rgba(17,28,44,.48);
  --glass-surface-strong:rgba(8,11,16,.84);
  --glass-glow:rgba(168,201,232,.12);
}
body{background-color:var(--od-obsidian);color:var(--od-silver)}
.hero{background-color:var(--od-obsidian)}
.hero-shade{background:linear-gradient(90deg,rgba(8,11,16,.90) 0%,rgba(8,11,16,.58) 42%,rgba(8,11,16,.16) 100%),linear-gradient(0deg,var(--od-obsidian) 0%,rgba(8,11,16,.74) 13%,transparent 55%),rgba(17,28,44,.20)}
.hero-light{background:radial-gradient(circle,rgba(168,201,232,.24),rgba(119,102,143,.13) 38%,transparent 70%)}
.hero-light.warm{background:radial-gradient(circle,rgba(214,160,100,.17),rgba(119,102,143,.07) 45%,transparent 72%)}
.hero-title,.serif em,.hero-title em{color:var(--od-silver)}
.hero-title em,.serif em{color:var(--od-ice)}
.eyebrow,.hero-meta{color:var(--od-ice)}
.dot{background:var(--od-amber);box-shadow:0 0 18px rgba(214,160,100,.55)}
.rule{background:var(--od-ice)}
.topbar.scrolled{background:rgba(8,11,16,.94);border-color:var(--line)}
.navlinks a:hover,.text-link:hover,.show-more-description:hover{color:var(--od-ice)}
.nav-cta,.btn.primary,.platform:hover,.filter.active,.filter:hover{background:var(--od-silver);color:var(--od-obsidian);border-color:var(--od-silver)}
.nav-cta:hover,.btn.primary:hover{background:var(--od-ice);border-color:var(--od-ice)}
.btn,.nav-cta{border-color:rgba(168,201,232,.42)}
.platform:hover{background:var(--od-midnight);color:var(--od-silver);border-color:var(--od-ice)}
.filter.active,.filter:hover{background:var(--od-midnight);color:var(--od-silver);border-color:var(--od-ice)}
.cover,.mini-cover{background:var(--od-midnight);border-color:rgba(168,201,232,.20)}
.text-link{border-bottom-color:var(--od-ice);color:var(--od-silver)}
.show-more-description{color:var(--od-ice)}
.catalogue-more{border-color:rgba(168,201,232,.28);background:rgba(17,28,44,.55);color:var(--od-silver)}
.catalogue-more:hover{background:rgba(168,201,232,.12)}
.platform-modal{background:rgba(8,11,16,.84)}
.platform-dialog{background:rgba(17,28,44,.96);border-color:rgba(168,201,232,.25)}
.platform-dialog h2{color:var(--od-silver)}
input,select,textarea{accent-color:var(--od-ice)}
:focus-visible{outline:2px solid var(--od-ice);outline-offset:3px}
/* Accent use stays restrained: amber for warm emotional highlights, violet for atmosphere. */