/* bassclef — design tokens (per operator-private/claude-cowork/brand/design-tokens.css) */
:root {
  --bc-ink: #15141A;
  --bc-ink-2: #1E1C26;
  --bc-cream: #F4F0E8;
  --bc-orange: #E85D04;
  --bc-orange-soft: #F2873E;
  --bc-gold: #F5B83D;
  --bc-indigo-dim: #4A466E;
  --bc-muted: #9A94A6;
  --bc-muted-ink: #7C7768;
  --bc-line-dark: rgba(244,240,232,.12);
  --bc-line-light: rgba(21,20,26,.14);
  --bc-font-display: "Bricolage Grotesque", sans-serif;
  --bc-font-body: "Fraunces", Georgia, serif;
  --bc-font-mono: "JetBrains Mono", monospace;
}
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; -webkit-font-smoothing: antialiased; }
a { color: inherit; }
/* Back-nav to master gallery — injected on every variant per prototype-gallery §Back-nav */
.gallery-backnav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 999;
  padding: 10px 20px; font-family: var(--bc-font-mono); font-size: 12px;
  letter-spacing: .04em; text-transform: uppercase;
  background: rgba(21,20,26,.85); color: var(--bc-cream);
  border-bottom: 1px solid var(--bc-line-dark);
  backdrop-filter: blur(8px);
}
.gallery-backnav a { color: var(--bc-orange-soft); text-decoration: none; }
.gallery-backnav a:hover { color: var(--bc-cream); }
.gallery-backnav .sep { color: var(--bc-muted); margin: 0 10px; }