:root {
  color-scheme: light;

  --fk-bg:          oklch(0.970 0.006 150);
  --fk-bg-alt:      oklch(0.930 0.016 150);
  --fk-surface:     oklch(0.999 0.002 150);
  --fk-fg:          oklch(0.198 0.020 155);
  --fk-fg-muted:    oklch(0.468 0.018 155);
  --fk-line:        oklch(0.864 0.014 150);
  --fk-accent:      oklch(0.478 0.132 152);
  --fk-accent-ink:  oklch(0.995 0.004 152);
  --fk-accent-soft: oklch(0.892 0.056 152);

  --fk-font-display: 'Readex Pro', ui-sans-serif, system-ui, sans-serif;
  --fk-font-body:    'Gantari', ui-sans-serif, system-ui, sans-serif;
  --fk-font-meta:    'Gantari', ui-sans-serif, system-ui, sans-serif;

  --fk-tracking-display: -0.016em;
  --fk-leading-display:  1.08;
  --fk-tracking-meta:    0.14em;
  --fk-weight-display:   600;

  --fk-h1:       var(--fk-step-4);
  --fk-h2:       var(--fk-step-2);
  --fk-h-shout:  var(--fk-step-5);

  --fk-radius:    14px;
  --fk-radius-lg: 24px;
  --fk-border:    1px;
}

.fk-hero--full {
  --fk-hero-scrim:  oklch(0.198 0.020 155);
  --fk-hero-ink:    oklch(0.970 0.006 150);
  --fk-hero-kicker: oklch(0.892 0.056 152);
}

/* treatment: soft — rounded frames, tinted surfaces, rules only where a
   boundary is genuinely needed. Suits care, wellbeing, education, family. */
:root { --fk-radius: 14px; --fk-radius-lg: 22px; }
.fk-media { border-radius: var(--fk-radius-lg); }
.fk-btn { border-radius: 999px; padding-inline: 1.9em; text-transform: none; letter-spacing: 0.01em; }
.fk-link { border-block-end: 0; text-decoration: underline; text-underline-offset: 0.3em; text-transform: none; letter-spacing: 0.01em; }
.fk-index__row {
  border: 0;
  border-radius: var(--fk-radius);
  background: var(--fk-surface);
  padding-inline: var(--fk-space-s);
  margin-block-end: var(--fk-space-2xs);
}
.fk-index__row:last-child { border-block-end: 0; }
.fk-field :is(input, textarea, select) { border-radius: var(--fk-radius); }
.fk-form__status { border-radius: var(--fk-radius); }
.fk-faq details { border-block-end: 0; margin-block-end: var(--fk-space-2xs); background: var(--fk-surface); border-radius: var(--fk-radius); padding-inline: var(--fk-space-s); }
.fk-faq { border-block-start: 0; }

