:root {
  --k-color-canvas: #F7F5F0;
  --k-color-surface: #FFFEFB;
  --k-color-mutedSurface: #EEEBE4;
  --k-color-text: #242A30;
  --k-color-mutedText: #5E666C;
  --k-color-accent: #285B8F;
  --k-color-accentPressed: #1E466F;
  --k-color-activeBackground: #EAF0F6;
  --k-color-border: #DAD6CE;
  --k-color-controlBorder: #89949E;
  --k-color-error: #8A3934;
  --k-color-warning: #765316;
  --k-color-success: #356149;
  --k-color-backdrop: rgba(24,32,40,.30);
  --k-font-ui: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --k-font-reading: Georgia, "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif;
  --k-type-h1-mobile-0: 32px;
  --k-type-h1-mobile-1: 36px;
  --k-type-h1-tablet-0: 40px;
  --k-type-h1-tablet-1: 44px;
  --k-type-h1-desktop-0: 48px;
  --k-type-h1-desktop-1: 52px;
  --k-type-h1-weight: 400;
  --k-type-h1-family: reading;
  --k-type-h2-mobile-0: 22px;
  --k-type-h2-mobile-1: 28px;
  --k-type-h2-desktop-0: 24px;
  --k-type-h2-desktop-1: 30px;
  --k-type-h2-weight: 400;
  --k-type-h2-family: reading;
  --k-type-h3-all-0: 20px;
  --k-type-h3-all-1: 28px;
  --k-type-h3-weight: 500;
  --k-type-h3-family: ui;
  --k-type-prose-mobile-0: 18px;
  --k-type-prose-mobile-1: 29px;
  --k-type-prose-desktop-0: 20px;
  --k-type-prose-desktop-1: 32px;
  --k-type-prose-weight: 400;
  --k-type-prose-family: reading;
  --k-type-ui-all-0: 16px;
  --k-type-ui-all-1: 24px;
  --k-type-ui-family: ui;
  --k-type-metadata-mobile-0: 14px;
  --k-type-metadata-mobile-1: 21px;
  --k-type-metadata-desktop-0: 15px;
  --k-type-metadata-desktop-1: 22px;
  --k-type-metadata-family: ui;
  --k-type-numeric-all-0: 13px;
  --k-type-numeric-all-1: 20px;
  --k-type-numeric-family: ui;
  --k-type-numeric-fontVariantNumeric: tabular-nums;
  --k-space-0: 0px;
  --k-space-4: 4px;
  --k-space-8: 8px;
  --k-space-12: 12px;
  --k-space-16: 16px;
  --k-space-20: 20px;
  --k-space-24: 24px;
  --k-space-28: 28px;
  --k-space-32: 32px;
  --k-space-48: 48px;
  --k-space-64: 64px;
  --k-space-80: 80px;
  --k-radius-none: 0px;
  --k-radius-control: 8px;
  --k-radius-media: 16px;
  --k-radius-dialog: 24px;
  --k-radius-round: 999px;
  --k-border-decorative: 1px solid #DAD6CE;
  --k-border-control: 1px solid #89949E;
  --k-border-focus: 2px solid #285B8F;
  --k-border-focusOffset: 3px;
  --k-shadow-none: none;
  --k-shadow-media: 0 2px 8px rgba(24,32,40,.04);
  --k-shadow-mini: 0 -4px 18px rgba(24,32,40,.08);
  --k-shadow-dialog: 0 16px 48px rgba(24,32,40,.16);
  --k-width-reading: 680px;
  --k-width-readerWithTimeRail: 760px;
  --k-width-sermon: 1120px;
  --k-width-portal: 1280px;
  --k-width-archive: 1280px;
  --k-width-filters: 240px;
  --k-width-context: 280px;
  --k-width-mini: 864px;
  --k-width-expandedTablet: 640px;
  --k-width-expandedDesktop: 720px;
  --k-width-readerTransport: 960px;
  --k-breakpoint-mobileMaxExclusive: 768px;
  --k-breakpoint-tabletMin: 768px;
  --k-breakpoint-desktopMin: 1200px;
  --k-breakpoint-wideMin: 1600px;
  --k-breakpoint-shortLandscapeMaxHeight: 560px;
  --k-gutter-narrow: 16px;
  --k-gutter-mobile: 20px;
  --k-gutter-tablet: clamp(32px, 4.6875vw, 48px);
  --k-gutter-desktop: 32px;
  --k-control-minimum: 44px;
  --k-control-skip: 48px;
  --k-control-playEmbedded: 56px;
  --k-control-playExpandedMobile: 64px;
  --k-control-playExpandedDesktop: 72px;
  --k-control-icon: 24px;
  --k-control-iconStroke: 1.75;
  --k-control-timelineVisual: 4px;
  --k-control-timelineTarget: 44px;
  --k-layout-headerMobile: 56px;
  --k-layout-headerDesktop: 64px;
  --k-layout-miniMinimum: 72px;
  --k-layout-readerFooterMobileMinimum: 136px;
  --k-layout-readerFooterDesktopMinimum: 96px;
  --k-layout-safeArea: env(safe-area-inset-bottom, 0px);
  --k-layout-columnsMax: 2;
  --k-motion-control: 120ms;
  --k-motion-overlay: 160ms;
  --k-motion-reduced: 0ms;
  --k-zIndex-base: 0;
  --k-zIndex-sticky: 10;
  --k-zIndex-mini: 20;
  --k-zIndex-modal: 40;
}