/*
  Dark theme, layered over v2.css (the site has used it since 18 October 2026). The page turns deep aubergine-black,
  text turns porcelain, and the iris accent brightens so it still reads.
  The marquee, approach and contact bands sit a step lighter so they still
  read as separate bands.
*/
:root {
  --paper: #120c1b; --paper-2: #181024; --card: #1e152c;
  --ink: #f3ede5; --ink-body: #d6cce0; --muted: #a395b4; --line: #34284a;
  --night: #1f1633; --night-2: #2a1e44; --on-night: #f3ede5; --night-muted: #b9aecb;
  --violet: #a996ff; --copper: #d99a80;
  color-scheme: dark;
}
.top.is-solid { background: rgba(18, 12, 27, .86); }
.top.on-dark.is-solid { background: rgba(31, 22, 51, .86); }
.hero { background: radial-gradient(60% 60% at 70% 55%, rgba(143, 120, 255, .22) 0%, rgba(143, 120, 255, 0) 70%), radial-gradient(40% 40% at 15% 85%, rgba(213, 177, 168, .10), transparent 70%), var(--paper); }
.hero__hubs button { background: rgba(31, 22, 51, .82); border-color: rgba(169, 150, 255, .35); }
.think__me { background: linear-gradient(180deg, #2c2140, #3a2a40); }
.card { border: 1px solid var(--line); }
.card:hover { box-shadow: 0 24px 40px -20px rgba(143, 120, 255, .35); }
.tag { border-color: rgba(169, 150, 255, .45); }
.tag:hover { background: var(--violet); color: var(--paper); }
.about__photo { background: #2a1e40; }