:root {
  color-scheme: dark;

  --fk-bg:          oklch(0.178 0.014 250);
  --fk-bg-alt:      oklch(0.228 0.018 250);
  --fk-surface:     oklch(0.248 0.020 250);
  --fk-fg:          oklch(0.972 0.005 250);
  --fk-fg-muted:    oklch(0.735 0.014 250);
  --fk-line:        oklch(0.330 0.022 250);
  --fk-accent:      oklch(0.822 0.176 158);
  --fk-accent-ink:  oklch(0.185 0.048 158);
  --fk-accent-soft: oklch(0.352 0.072 158);

  --fk-font-display: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  --fk-font-body:    'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
  --fk-font-meta:    'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;

  --fk-tracking-display: -0.028em;
  --fk-leading-display:  0.98;
  --fk-tracking-meta:    0.12em;
  --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: 6px;
  --fk-border:    1px;
}

.fk-hero--full {
  --fk-hero-scrim:  oklch(0.178 0.014 250);
  --fk-hero-ink:    oklch(0.972 0.005 250);
  --fk-hero-kicker: oklch(0.822 0.176 158);
}

/* treatment: hard — square corners, full-width rules, nothing softened.
   Suits trades, kitchens, workshops, anything that should not look like an app. */
.fk-index__row { border-block-start-width: var(--fk-border); }
.fk-btn { text-transform: uppercase; }
.fk-media { border-radius: 0; }
.fk-section + .fk-section--tight { border-block-start: var(--fk-border) solid var(--fk-line); }