/* 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, 0.12);
  --bc-line-light: rgba(21, 20, 26, 0.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: 0.04em;
  text-transform: uppercase;
  background: rgba(21, 20, 26, 0.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;
}