:root {
  color-scheme: light;

  --fk-bg:          oklch(0.955 0.004 285);
  --fk-bg-alt:      oklch(0.915 0.008 285);
  --fk-surface:     oklch(0.995 0.002 285);
  --fk-fg:          oklch(0.205 0.014 285);
  --fk-fg-muted:    oklch(0.475 0.014 285);
  --fk-line:        oklch(0.855 0.010 285);
  --fk-accent:      oklch(0.395 0.145 300);
  --fk-accent-ink:  oklch(0.985 0.004 300);
  --fk-accent-soft: oklch(0.885 0.045 300);

  --fk-font-display: 'Familjen Grotesk', ui-sans-serif, system-ui, sans-serif;
  --fk-font-body:    'Literata', ui-serif, Georgia, serif;
  --fk-font-meta:    'Familjen Grotesk', ui-sans-serif, system-ui, sans-serif;

  --fk-tracking-display: -0.018em;
  --fk-leading-display:  1.04;
  --fk-tracking-meta:    0.10em;
  --fk-weight-display:   600;

  --fk-h1:       var(--fk-step-2);
  --fk-h2:       var(--fk-step-1);
  --fk-h-shout:  var(--fk-step-3);

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

.fk-hero--full {
  --fk-hero-scrim:  oklch(0.205 0.014 285);
  --fk-hero-ink:    oklch(0.955 0.004 285);
  --fk-hero-kicker: oklch(0.885 0.045 300);
}

/* treatment: editorial — narrow measure, ruled columns, generous leading.
   Suits writing, galleries, practices, anywhere reading is the activity. */
:root { --fk-measure: 62ch; }
.fk-prose { font-size: var(--fk-step-1); line-height: 1.55; }
.fk-prose > * + * { margin-block-start: 0.9em; }
.fk-index__row { padding-block: var(--fk-space-m); align-items: start; }
.fk-index__name { font-size: var(--fk-step-2); }
.fk-entry__title { font-size: var(--fk-step-2); line-height: 1.12; }
.fk-btn { border-radius: 2px; }
.fk-media { border-radius: 2px; }
h2 { max-width: 18ch; }
.fk-section { padding-block: var(--fk-space-2xl); }
.fk-section + .fk-section { padding-block-start: 0; }