:root {
  color-scheme: dark;

  --fk-bg:          oklch(0.162 0.016 200);
  --fk-bg-alt:      oklch(0.212 0.020 200);
  --fk-surface:     oklch(0.192 0.018 200);
  --fk-fg:          oklch(0.955 0.004 200);
  --fk-fg-muted:    oklch(0.678 0.012 200);
  --fk-line:        oklch(0.312 0.020 200);
  --fk-accent:      oklch(0.822 0.138 178);
  --fk-accent-ink:  oklch(0.162 0.035 178);
  --fk-accent-soft: oklch(0.348 0.070 178);

  --fk-font-display: 'Antonio', ui-sans-serif, system-ui, sans-serif;
  --fk-font-body:    'Lexend', ui-sans-serif, system-ui, sans-serif;
  --fk-font-meta:    'Lexend', ui-sans-serif, system-ui, sans-serif;

  --fk-tracking-display: 0.002em;
  --fk-leading-display:  1.10;
  --fk-tracking-meta:    0.18em;
  --fk-weight-display:   600;

  --fk-h1:       var(--fk-step-5);
  --fk-h2:       var(--fk-step-3);
  --fk-h-shout:  var(--fk-step-6);

  --fk-radius:    4px;
  --fk-radius-lg: 4px;
  --fk-border:    1px;
}

.fk-hero--full {
  --fk-hero-scrim:  oklch(0.162 0.016 200);
  --fk-hero-ink:    oklch(0.955 0.004 200);
  --fk-hero-kicker: oklch(0.822 0.138 178);
}

/* treatment: poster — oversized type, colour blocks, tight rhythm.
   Suits nightlife, events, launches, anything sold on energy. */
/* The poster treatment used to hard-code `h1 { line-height: 0.92 }`, which
   silently beat the vertical's own --fk-leading-display and set a tall
   condensed face on top of itself. Leading is the vertical's call now: a
   poster vertical that wants 0.92 asks for it in its type brief. */
.fk-hero--full h1 { max-width: 16ch; }
h2 { line-height: calc(var(--fk-leading-display, 1.04) * 0.96); }
.fk-hero__shout { line-height: calc(var(--fk-leading-display, 1.04) * 0.86); }
.fk-btn { border-radius: 0; padding: 1em 2em; font-weight: 700; }
.fk-index__row { padding-block: var(--fk-space-m); }
.fk-index__name { font-family: var(--fk-font-display); font-size: var(--fk-step-3); line-height: 1; }
.fk-band { padding-block: var(--fk-space-xl); }
.fk-media { border-radius: 0; }
.fk-meta { font-weight: 600; }