/* Generated from ../tokens.json. Do not edit. */
:root,
[data-theme='light'] {
  color-scheme: light;
  --qe-surface-canvas: #fafaf7;
  --qe-surface-default: #f0f2ec;
  --qe-surface-raised: #ffffff;
  --qe-surface-hover: #e7ebe3;
  --qe-surface-pressed: #dee5d9;
  --qe-surface-selected: #e7ecdf;
  --qe-text-primary: #202b25;
  --qe-text-secondary: #59645c;
  --qe-text-disabled: #59645c;
  --qe-text-on-accent: #222a20;
  --qe-border-subtle: #dce1d8;
  --qe-border-control: #74816f;
  --qe-border-focus: #654719;
  --qe-accent-fill: #e7b567;
  --qe-accent-hover: #dba957;
  --qe-accent-pressed: #cc994a;
  --qe-accent-text: #654719;
  --qe-status-error: #a33f3b;
  --qe-status-error-surface: #f6e9e7;
  --qe-status-warning: #785c1e;
  --qe-status-warning-surface: #f4efdf;
  --qe-status-success: #365b44;
  --qe-status-success-surface: #e8f0e5;
  --qe-status-info: #385c69;
  --qe-status-info-surface: #e6eef0;
  --qe-scripture-red-letter: #9c3d32;
  --qe-overlay-scrim: #111c17;
  --qe-text-muted: var(--qe-text-secondary);
  --qe-text-placeholder: var(--qe-text-secondary);
  --qe-icon-primary: var(--qe-text-primary);
  --qe-icon-secondary: var(--qe-text-secondary);
  --qe-link-default: var(--qe-accent-text);
  --qe-thought-surface: var(--qe-surface-default);
  --qe-thought-border: var(--qe-border-subtle);
  --qe-thought-label: var(--qe-text-secondary);
  --qe-narration-marker: var(--qe-accent-text);
  --qe-voice-recording: var(--qe-status-error);
}
[data-theme='dark'] {
  color-scheme: dark;
  --qe-surface-canvas: #111c17;
  --qe-surface-default: #1a2821;
  --qe-surface-raised: #24342b;
  --qe-surface-hover: #293b30;
  --qe-surface-pressed: #304537;
  --qe-surface-selected: #2c4031;
  --qe-text-primary: #f1f1e8;
  --qe-text-secondary: #adb9ae;
  --qe-text-disabled: #adb9ae;
  --qe-text-on-accent: #222a20;
  --qe-border-subtle: #35443a;
  --qe-border-control: #819080;
  --qe-border-focus: #edc58e;
  --qe-accent-fill: #e7b567;
  --qe-accent-hover: #dba957;
  --qe-accent-pressed: #cc994a;
  --qe-accent-text: #edc58e;
  --qe-status-error: #f1aea4;
  --qe-status-error-surface: #392522;
  --qe-status-warning: #e7c68a;
  --qe-status-warning-surface: #372f21;
  --qe-status-success: #aaccaf;
  --qe-status-success-surface: #213427;
  --qe-status-info: #aacbdd;
  --qe-status-info-surface: #22343c;
  --qe-scripture-red-letter: #eca395;
  --qe-overlay-scrim: #000000;
  --qe-text-muted: var(--qe-text-secondary);
  --qe-text-placeholder: var(--qe-text-secondary);
  --qe-icon-primary: var(--qe-text-primary);
  --qe-icon-secondary: var(--qe-text-secondary);
  --qe-link-default: var(--qe-accent-text);
  --qe-thought-surface: var(--qe-surface-default);
  --qe-thought-border: var(--qe-border-subtle);
  --qe-thought-label: var(--qe-text-secondary);
  --qe-narration-marker: var(--qe-accent-text);
  --qe-voice-recording: var(--qe-status-error);
}
:root {
  --qe-font-editorial: 'Newsreader', Georgia, serif;
  --qe-font-ui: 'Inter', system-ui, sans-serif;
  --qe-space-none: 0px;
  --qe-space-xs: 4px;
  --qe-space-sm: 8px;
  --qe-space-compact: 12px;
  --qe-space-md: 16px;
  --qe-space-inset: 20px;
  --qe-space-lg: 24px;
  --qe-space-xl: 32px;
  --qe-space-section: 40px;
  --qe-space-xxl: 48px;
  --qe-space-hero: 64px;
  --qe-radius-none: 0px;
  --qe-radius-control: 10px;
  --qe-radius-surface: 16px;
  --qe-radius-ask: 18px;
  --qe-radius-dialog: 20px;
  --qe-radius-pill: 999px;
  --qe-stroke-subtle: 1px;
  --qe-stroke-control: 1px;
  --qe-stroke-selected: 2px;
  --qe-stroke-focus: 2px;
  --qe-stroke-focus-offset: 3px;
  --qe-stroke-narration: 1.5px;
  --qe-size-touch-apple: 44px;
  --qe-size-touch-android: 48px;
  --qe-size-touch-web: 44px;
  --qe-size-pointer-compact: 36px;
  --qe-size-button: 48px;
  --qe-size-field: 52px;
  --qe-size-row: 56px;
  --qe-size-icon-small: 16px;
  --qe-size-icon: 20px;
  --qe-size-icon-navigation: 22px;
  --qe-size-icon-hero: 28px;
  --qe-size-ask-width: 88px;
  --qe-size-ask-height: 60px;
  --qe-layout-compact-end: 768px;
  --qe-layout-split-minimum: 880px;
  --qe-layout-expanded-start: 1200px;
  --qe-layout-compact-gutter: 24px;
  --qe-layout-narrow-gutter: 20px;
  --qe-layout-expanded-gutter: 32px;
  --qe-layout-column-gap: 24px;
  --qe-layout-reader-max: 680px;
  --qe-layout-reading-min: 360px;
  --qe-layout-journal-pane-min: 320px;
  --qe-layout-collection-max: 720px;
  --qe-layout-settings-max: 560px;
  --qe-layout-public-prose-max: 760px;
  --qe-layout-site-max: 1200px;
  --qe-layout-rail-width: 72px;
  --qe-layout-sidebar-width: 216px;
  --qe-motion-none: 0ms;
  --qe-motion-feedback: 120ms;
  --qe-motion-disclosure: 180ms;
  --qe-motion-overlay: 240ms;
  --qe-motion-narration: 320ms;
  --qe-motion-easing: cubic-bezier(0.2, 0, 0, 1);
  --qe-type-display-size: 3rem;
  --qe-type-display-line: 1.166667;
  --qe-type-display-weight: 400;
  --qe-type-display-tracking: -0.015em;
  --qe-type-page-size: 2.125rem;
  --qe-type-page-line: 1.235294;
  --qe-type-page-weight: 400;
  --qe-type-page-tracking: -0.01em;
  --qe-type-heading-size: 1.75rem;
  --qe-type-heading-line: 1.285714;
  --qe-type-heading-weight: 400;
  --qe-type-heading-tracking: -0.005em;
  --qe-type-scripture-heading-size: 1.625rem;
  --qe-type-scripture-heading-line: 1.307692;
  --qe-type-scripture-heading-weight: 600;
  --qe-type-scripture-heading-tracking: 0em;
  --qe-type-question-size: 1.5rem;
  --qe-type-question-line: 1.333333;
  --qe-type-question-weight: 400;
  --qe-type-question-tracking: 0em;
  --qe-type-item-title-size: 1.375rem;
  --qe-type-item-title-line: 1.272727;
  --qe-type-item-title-weight: 400;
  --qe-type-item-title-tracking: 0em;
  --qe-type-reading-size: 1.375rem;
  --qe-type-reading-line: 1.545455;
  --qe-type-reading-weight: 400;
  --qe-type-reading-tracking: 0em;
  --qe-type-answer-size: 1.125rem;
  --qe-type-answer-line: 1.555556;
  --qe-type-answer-weight: 400;
  --qe-type-answer-tracking: 0em;
  --qe-type-body-size: 1rem;
  --qe-type-body-line: 1.5;
  --qe-type-body-weight: 400;
  --qe-type-body-tracking: 0em;
  --qe-type-label-size: 1rem;
  --qe-type-label-line: 1.5;
  --qe-type-label-weight: 500;
  --qe-type-label-tracking: 0em;
  --qe-type-section-size: 0.875rem;
  --qe-type-section-line: 1.428571;
  --qe-type-section-weight: 500;
  --qe-type-section-tracking: 0em;
  --qe-type-metadata-size: 0.8125rem;
  --qe-type-metadata-line: 1.538462;
  --qe-type-metadata-weight: 400;
  --qe-type-metadata-tracking: 0em;
  --qe-type-caption-size: 0.75rem;
  --qe-type-caption-line: 1.5;
  --qe-type-caption-weight: 400;
  --qe-type-caption-tracking: 0em;
  --qe-type-utility-title-size: 1.5rem;
  --qe-type-utility-title-line: 1.333333;
  --qe-type-utility-title-weight: 500;
  --qe-type-utility-title-tracking: -0.005em;
}
[data-contrast='more'] {
  --qe-text-secondary: var(--qe-text-primary);
  --qe-text-disabled: var(--qe-text-primary);
  --qe-border-subtle: var(--qe-text-primary);
  --qe-border-control: var(--qe-text-primary);
}
@media (prefers-contrast: more) {
  :root:not([data-contrast='normal']) {
    --qe-text-secondary: var(--qe-text-primary);
    --qe-text-disabled: var(--qe-text-primary);
    --qe-border-subtle: var(--qe-text-primary);
    --qe-border-control: var(--qe-text-primary);
  }
}
.type-display {
  font-family: var(--qe-font-editorial);
  font-size: var(--qe-type-display-size);
  line-height: var(--qe-type-display-line);
  font-weight: var(--qe-type-display-weight);
  letter-spacing: var(--qe-type-display-tracking);
}
.type-page {
  font-family: var(--qe-font-editorial);
  font-size: var(--qe-type-page-size);
  line-height: var(--qe-type-page-line);
  font-weight: var(--qe-type-page-weight);
  letter-spacing: var(--qe-type-page-tracking);
}
.type-heading {
  font-family: var(--qe-font-editorial);
  font-size: var(--qe-type-heading-size);
  line-height: var(--qe-type-heading-line);
  font-weight: var(--qe-type-heading-weight);
  letter-spacing: var(--qe-type-heading-tracking);
}
.type-scriptureHeading {
  font-family: var(--qe-font-editorial);
  font-size: var(--qe-type-scripture-heading-size);
  line-height: var(--qe-type-scripture-heading-line);
  font-weight: var(--qe-type-scripture-heading-weight);
  letter-spacing: var(--qe-type-scripture-heading-tracking);
}
.type-question {
  font-family: var(--qe-font-editorial);
  font-size: var(--qe-type-question-size);
  line-height: var(--qe-type-question-line);
  font-weight: var(--qe-type-question-weight);
  letter-spacing: var(--qe-type-question-tracking);
}
.type-itemTitle {
  font-family: var(--qe-font-editorial);
  font-size: var(--qe-type-item-title-size);
  line-height: var(--qe-type-item-title-line);
  font-weight: var(--qe-type-item-title-weight);
  letter-spacing: var(--qe-type-item-title-tracking);
}
.type-reading {
  font-family: var(--qe-font-editorial);
  font-size: var(--qe-type-reading-size);
  line-height: var(--qe-type-reading-line);
  font-weight: var(--qe-type-reading-weight);
  letter-spacing: var(--qe-type-reading-tracking);
}
.type-answer {
  font-family: var(--qe-font-ui);
  font-size: var(--qe-type-answer-size);
  line-height: var(--qe-type-answer-line);
  font-weight: var(--qe-type-answer-weight);
  letter-spacing: var(--qe-type-answer-tracking);
}
.type-body {
  font-family: var(--qe-font-ui);
  font-size: var(--qe-type-body-size);
  line-height: var(--qe-type-body-line);
  font-weight: var(--qe-type-body-weight);
  letter-spacing: var(--qe-type-body-tracking);
}
.type-label {
  font-family: var(--qe-font-ui);
  font-size: var(--qe-type-label-size);
  line-height: var(--qe-type-label-line);
  font-weight: var(--qe-type-label-weight);
  letter-spacing: var(--qe-type-label-tracking);
}
.type-section {
  font-family: var(--qe-font-ui);
  font-size: var(--qe-type-section-size);
  line-height: var(--qe-type-section-line);
  font-weight: var(--qe-type-section-weight);
  letter-spacing: var(--qe-type-section-tracking);
}
.type-metadata {
  font-family: var(--qe-font-ui);
  font-size: var(--qe-type-metadata-size);
  line-height: var(--qe-type-metadata-line);
  font-weight: var(--qe-type-metadata-weight);
  letter-spacing: var(--qe-type-metadata-tracking);
}
.type-caption {
  font-family: var(--qe-font-ui);
  font-size: var(--qe-type-caption-size);
  line-height: var(--qe-type-caption-line);
  font-weight: var(--qe-type-caption-weight);
  letter-spacing: var(--qe-type-caption-tracking);
}
.type-utilityTitle {
  font-family: var(--qe-font-ui);
  font-size: var(--qe-type-utility-title-size);
  line-height: var(--qe-type-utility-title-line);
  font-weight: var(--qe-type-utility-title-weight);
  letter-spacing: var(--qe-type-utility-title-tracking);
}