/* Black, charcoal, gray, and orange palette. Structural layout lives in styles.css. */
:root {
  --bg: #0b0b0d;
  --surface: #171719;
  --surface-raised: #222226;
  --surface-inset: #111113;
  --ink: #f1f1f3;
  --muted: #b2b2ba;
  --subtle: #85858f;
  --line: #36363d;
  --orange: #f17d45;
  --orange-soft: #382419;
}

.shell-card { box-shadow: 0 8px 26px #00000012; }
.brand-mark { box-shadow: inset 0 0 0 1px #f17d4522; }
.nav-link:focus-visible { outline-color: #ffb080; outline-offset: -2px; }

@media (min-width: 1024px) {
  .desktop-rail { box-shadow: 10px 0 30px #0000000a; }
}