:root {
  /* Canonical full-width section surfaces. */
  --lk-color-section-medium: #F5F4DF;
  --lk-color-section-light: #FFFFF0;
  --lk-color-section-dark: #FFFFF0;
  /* Component and compatibility colors; never assign these as section roles. */
  --lk-color-bg-light: var(--lk-color-section-light);
  --lk-color-bg-institutional: var(--lk-color-section-medium);
  --lk-color-bg-dark: var(--lk-color-section-dark);
  --lk-color-accent-warm: #F0D4BF;
  --lk-color-text-on-dark: #F8EBE2;
  --lk-color-deep-taupe: #635043;
  --lk-color-muted-taupe: #786053;
  --lk-color-terracotta: #ce6c3c;
  --lk-coral-accent: #F08080;
  --lk-action: #A84848;
  --lk-action-on-fill: #FFFFF0;
  --lk-color-functional-coral: var(--lk-action);
  --lk-color-form-surface: color-mix(in srgb, #ffffff 70%, var(--lk-color-bg-light));
  --lk-color-error: #8d171a;
  --lk-color-error-strong: #a21d20;
  /* One semantic boundary system for text-like form controls. */
  --lk-field-border-width: 1px;
  --lk-field-border-color: color-mix(in srgb, var(--lk-color-deep-taupe) 42%, transparent);
  --lk-field-border-hover-color: color-mix(in srgb, var(--lk-color-deep-taupe) 64%, transparent);
  --lk-field-border-focus-color: var(--lk-color-deep-taupe);
  --lk-field-border-error-color: var(--lk-color-error-strong);
  --lk-field-focus-width: 2px;
  --lk-field-border-radius: 0.25rem;
  --lk-field-transition: border-color 160ms ease-out, box-shadow 160ms ease-out;
  --lk-font-display: Georgia, "Times New Roman", serif;
  --lk-font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  /* Compatibility size for independent UI components. Content roles live in typography.css. */
  --lk-type-meta: 0.625rem;
  --lk-tracking-ui: 0.16em;
  /* Shared page-frame and vertical-rhythm primitives. */
  --lk-width-frame-wide: 67.5rem;
  --lk-width-frame-reading: 62.5rem;
  --lk-width-frame-narrative: 60rem;
  --lk-width-frame-tablet: 42rem;
  --lk-gutter-wide: 8rem;
  --lk-gutter-reading: 10rem;
  --lk-gutter-standard: 3rem;
  --lk-gutter-compact: 2.5rem;
  --lk-gap-editorial-columns: clamp(4rem, 10vw, 9rem);
  --lk-space-section-block: 7rem;
  --lk-space-breather-block: 7.75rem;
}

@media (max-width: 56.25rem) {
  :root {
    --lk-space-section-block: 6rem;
    --lk-space-breather-block: 6rem;
  }
}

@media (max-width: 24.375rem) {
  :root {
    --lk-space-section-block: 4.75rem;
    --lk-space-breather-block: 4.75rem;
  }
}