/* Athlete Circle Brand Tokens. Erzeugt aus brand/tokens.json, nicht von Hand ändern:
   node scripts/tokens.mjs build */
:root {
  --bg: #0b0b0c;
  --bg-raise: #121214;
  --bg-card: #151517;
  --line: rgba(242, 240, 235, 0.10);
  --line-strong: rgba(242, 240, 235, 0.18);
  --ink: #f2f0eb;
  --ink-dim: rgba(242, 240, 235, 0.62);
  --ink-faint: rgba(242, 240, 235, 0.38);
  --accent: #c9a96e;
  --accent-dim: rgba(201, 169, 110, 0.5);
  --nav-bg: rgba(11, 11, 12, 0.82);
  --hero-img-op: 0.5;
  --scrim-soft: rgba(11, 11, 12, 0.30);
  --scrim-solid: #0b0b0c;
  --band-op: 0.9;
  --note-ink: #f2f0eb;
  --note-shadow: rgba(0, 0, 0, 0.6);
  --font-sans: "Archivo", sans-serif;
  --font-serif: "Newsreader", serif;
  --font-mono: "IBM Plex Mono", monospace;
  --pad: clamp(20px, 5vw, 72px);
}
:root[data-theme="light"] {
  --bg: #f5f3ee;
  --bg-raise: #edeae2;
  --bg-card: #fdfcfa;
  --line: rgba(22, 21, 18, 0.12);
  --line-strong: rgba(22, 21, 18, 0.22);
  --ink: #161512;
  --ink-dim: rgba(22, 21, 18, 0.66);
  --ink-faint: rgba(22, 21, 18, 0.40);
  --accent: #9a7736;
  --accent-dim: rgba(154, 119, 54, 0.5);
  --nav-bg: rgba(245, 243, 238, 0.85);
  --hero-img-op: 0.28;
  --scrim-soft: rgba(245, 243, 238, 0.45);
  --scrim-solid: #f5f3ee;
  --band-op: 0.85;
  --note-ink: #161512;
  --note-shadow: rgba(245, 243, 238, 0.8);
}