/* ============================================================
   Spiegel von Design System https://claude.ai/artifact/5tB7LKJZuz6TGDs3w5mpGD,
   Version 1793120342-aee5, nie von Hand ändern.
   ------------------------------------------------------------
   „Koerting Gold Edition" (project/tokens.json), theme „edition"
   (Schwarz-Gold) — the only colour mode, no light theme.
   Scoped to the challenge pages (.ch-body) and loaded after
   /tokens.css (mirror of the Koerting set, 21-tokens.css v1.12).

   One source per value:
   - Same name and value as in the set: comes from /tokens.css and is
     not repeated here — gold, pink, white, black, bg-0…bg-4,
     text-100…text-600, border-subtle/-soft/-strong, status-green,
     status-red, ok-text, alert-text, space-xs…space-2xl, r-xs…r-pill,
     shadow-md, shadow-lg, fs-xs…fs-3xl, container, font-display,
     ease, ease-out, t-fast, t, t-slow.
   - Same value, other name in the set: refers to the set token.
   - Other value than in the set: overridden here (comment names the
     set value).
   - Edition only: here with its value.
   Not mirrored: slide-*, slide-bg, slide-card and the deck-* type
   styles (slides only), chart-1…3 (no charts on these pages).
   Type styles are classes (.h1 …) in the system's generated
   tokens.css; here they are properties (--type-* = font shorthand,
   --track-* = letter-spacing) because the pages carry their own
   classes.
   New version of the design system: regenerate this file and update
   the version in the first line.
   ============================================================ */

.ch-body {
  /* ---- colour: edition only ---- */
  --gold-hell: #C8AD49;
  --gold-tint: rgba(188,156,34,.12);
  --gold-line: rgba(188,156,34,.40);
  --foto-schatten: rgba(14,14,14,.85);
  --foto-schatten-leicht: rgba(14,14,14,.35);

  /* ---- colour: same value, other name in the set ---- */
  --on-gold: var(--on-accent);   /* #070707 */
  --on-pink: var(--white);

  /* ---- colour: edition differs from the set ---- */
  --signal-text: var(--gold);                 /* set: var(--lime) */
  --focus-ring: var(--gold);                  /* set: rgba(196,214,0,.60) */
  --border-active: rgba(188,156,34,.65);      /* set: rgba(196,214,0,.40) */

  /* ---- shadow ---- */
  --glow-gold: 0 0 24px rgba(188,156,34,.35);

  /* ---- photo (the edition's only gradient, carries no colour) ---- */
  --foto-abdunkler: linear-gradient(180deg, rgba(14,14,14,0) 35%, rgba(14,14,14,.85) 100%);

  /* ---- spacing ---- */
  --space-3xl: 96px;

  /* ---- layout ---- */
  --reading: 720px;                           /* set: 900px */

  /* ---- font families (set: --font, --mono) ---- */
  --font-body: var(--font);
  --font-mono: var(--mono);

  /* ---- type styles (tokens.json type.groups) ---- */
  /* Edition */
  --type-edition-name: 300 var(--fs-3xl)/1.05 var(--font-display);
  --track-edition-name: .14em;
  --type-edition-untertitel: 400 13px/1.4 var(--font-mono);
  --track-edition-untertitel: .24em;
  /* Headlines */
  --type-h1: 800 var(--fs-3xl)/1.15 var(--font-display);
  --track-h1: -.03em;
  --type-h2: 700 var(--fs-2xl)/1.15 var(--font-display);
  --track-h2: -.02em;
  --type-h3: 700 var(--fs-xl)/1.2 var(--font-display);
  --track-h3: -.02em;
  /* Text */
  --type-lead: 400 var(--fs-lg)/1.55 var(--font-body);
  --type-body: 400 var(--fs-md)/1.6 var(--font-body);
  --type-body-sm: 400 var(--fs-sm)/1.55 var(--font-body);
  --type-copyright: 400 var(--fs-xs)/1.5 var(--font-body);
  /* Mono */
  --type-eyebrow: 400 var(--fs-xs)/1.6 var(--font-mono);
  --track-eyebrow: .18em;
  --type-zitat: 400 28px/1.35 var(--font-mono);
  --track-zitat: .02em;
  --type-geldvertrag: 700 18px/1.5 var(--font-mono);
  --type-meta: 400 var(--fs-xs)/1.6 var(--font-mono);
}