/* GENERATED from tokens/tokens.json. Run npm run tokens; do not edit. */
:root {
  --ws-color-brand-espresso: #3B2A20;
  --ws-color-brand-indigo: #1E2747;
  --ws-color-brand-ochre: #C48A2C;
  --ws-color-brand-terracotta: #B45A3C;
  --ws-color-brand-bone: #F4F1EB;
  --ws-color-neutral-0: #FFFFFF;
  --ws-color-neutral-50: #FAF8F4;
  --ws-color-neutral-100: #F4F1EB;
  --ws-color-neutral-200: #E8E2D9;
  --ws-color-neutral-300: #D3CABE;
  --ws-color-neutral-400: #AAA092;
  --ws-color-neutral-500: #7B7267;
  --ws-color-neutral-600: #665F57;
  --ws-color-neutral-700: #4E4842;
  --ws-color-neutral-800: #35312E;
  --ws-color-neutral-900: #242735;
  --ws-color-action-navy: #1E2747;
  --ws-color-action-navy-hover: #2B3A60;
  --ws-color-action-gold: #976019;
  --ws-color-action-gold-hover: #7C4D12;
  --ws-color-action-focus: #315C9B;
  --ws-color-feedback-success: #3D6335;
  --ws-color-feedback-success-subtle: #E3ECD9;
  --ws-color-feedback-warning: #855817;
  --ws-color-feedback-warning-subtle: #F8EBD0;
  --ws-color-feedback-danger: #A2392D;
  --ws-color-feedback-danger-subtle: #F6E1DE;
  --ws-color-feedback-info: #295582;
  --ws-color-feedback-info-subtle: #E1EAF3;
  --ws-space-0: 0.0rem;
  --ws-space-1: 0.25rem;
  --ws-space-2: 0.5rem;
  --ws-space-3: 0.75rem;
  --ws-space-4: 1.0rem;
  --ws-space-5: 1.25rem;
  --ws-space-6: 1.5rem;
  --ws-space-8: 2.0rem;
  --ws-space-10: 2.5rem;
  --ws-space-12: 3.0rem;
  --ws-space-16: 4.0rem;
  --ws-space-20: 5.0rem;
  --ws-space-24: 6.0rem;
  --ws-radius-none: 0;
  --ws-radius-small: 0.25rem;
  --ws-radius-control: 0.375rem;
  --ws-radius-card: 0.5rem;
  --ws-radius-dialog: 0.75rem;
  --ws-radius-pill: 999px;
  --ws-font-family-ui: "DM Sans", system-ui, -apple-system, sans-serif;
  --ws-font-family-reading: "Libre Baskerville", Georgia, serif;
  --ws-font-family-code: ui-monospace, SFMono-Regular, Consolas, monospace;
  --ws-font-size-caption: 0.75rem;
  --ws-font-size-metadata: 0.8125rem;
  --ws-font-size-label: 0.875rem;
  --ws-font-size-body: 1rem;
  --ws-font-size-lead: 1.125rem;
  --ws-font-size-reading: 1.25rem;
  --ws-font-size-heading-small: 1.5rem;
  --ws-font-size-heading: 1.75rem;
  --ws-font-size-display: 2.25rem;
  --ws-font-size-display-large: 3rem;
  --ws-font-size-floor: 12px;
  --ws-font-weight-regular: 400;
  --ws-font-weight-medium: 500;
  --ws-font-weight-semibold: 600;
  --ws-font-weight-bold: 700;
  --ws-font-line-tight: 1.25;
  --ws-font-line-heading: 1.35;
  --ws-font-line-ui: 1.5;
  --ws-font-line-body: 1.65;
  --ws-font-line-reading: 1.95;
  --ws-size-icon-small: 1rem;
  --ws-size-icon-default: 1.25rem;
  --ws-size-icon-large: 1.5rem;
  --ws-size-icon-feature: 2rem;
  --ws-size-target-compact: 2.25rem;
  --ws-size-target-default: 2.75rem;
  --ws-size-target-large: 3rem;
  --ws-size-target-touch: 44px;
  --ws-size-content-reading: 68ch;
  --ws-size-content-prose: 72ch;
  --ws-size-content-dialog: 32rem;
  --ws-size-content-dialog-wide: 45rem;
  --ws-size-phone-tools-bar: 58px;
  --ws-size-phone-canvas-bar: 44px;
  --ws-size-phone-sheet-half: 48svh;
  --ws-size-phone-sheet-half-canvas: 42svh;
  --ws-size-phone-sheet-peek: 86px;
  --ws-stroke-icon: 1.75;
  --ws-stroke-graph-primary: 4;
  --ws-stroke-graph-secondary: 1.4;
  --ws-stroke-graph-reference: 1;
  --ws-border-thin: 1px;
  --ws-border-focus: 2px;
  --ws-motion-duration-instant: 0ms;
  --ws-motion-duration-fast: 120ms;
  --ws-motion-duration-normal: 180ms;
  --ws-motion-duration-slow: 240ms;
  --ws-motion-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ws-motion-ease-enter: cubic-bezier(0, 0, 0.2, 1);
  --ws-shadow-none: none;
  --ws-shadow-card: 0 2px 8px #1e27470a;
  --ws-shadow-popover: 0 6px 24px #1e27471f;
  --ws-shadow-dialog: 0 18px 64px #1e27472e;
  --ws-layer-base: 0;
  --ws-layer-sticky: 20;
  --ws-layer-nav: 30;
  --ws-layer-backdrop: 80;
  --ws-layer-dialog: 90;
  --ws-layer-toast: 100;
  --ws-breakpoint-mobile: 700px;
  --ws-breakpoint-tablet: 1000px;
  --ws-breakpoint-rail: 1180px;
  --ws-breakpoint-desktop: 1400px;
  --ws-semantic-surface-canvas: var(--ws-color-brand-bone);
  --ws-semantic-surface-panel: var(--ws-color-neutral-50);
  --ws-semantic-surface-inverse: var(--ws-color-brand-indigo);
  --ws-semantic-surface-subtle: var(--ws-color-neutral-200);
  --ws-semantic-text-primary: var(--ws-color-neutral-900);
  --ws-semantic-text-secondary: var(--ws-color-neutral-600);
  --ws-semantic-text-inverse: var(--ws-color-neutral-50);
  --ws-semantic-text-link: var(--ws-color-brand-indigo);
  --ws-semantic-text-on-action: var(--ws-color-neutral-0);
  --ws-semantic-text-accent: #8A5717;
  --ws-semantic-text-tertiary: #6F685C;
  --ws-semantic-border-default: var(--ws-color-neutral-300);
  --ws-semantic-border-subtle: var(--ws-color-neutral-200);
  --ws-semantic-border-focus: var(--ws-color-action-focus);
  --ws-semantic-action-primary: var(--ws-color-action-navy);
  --ws-semantic-action-primary-hover: var(--ws-color-action-navy-hover);
  --ws-semantic-action-accent: var(--ws-color-action-gold);
  --ws-semantic-action-accent-hover: var(--ws-color-action-gold-hover);
  --ws-semantic-source-scripture: var(--ws-color-brand-indigo);
  --ws-semantic-source-extra: var(--ws-color-brand-ochre);
  --ws-semantic-source-oral: var(--ws-color-brand-terracotta);
  --ws-semantic-source-comparative: var(--ws-color-brand-espresso);
  --ws-component-button-height: var(--ws-size-target-default);
  --ws-component-button-radius: var(--ws-radius-control);
  --ws-component-button-gap: var(--ws-space-2);
  --ws-component-button-padding-inline: var(--ws-space-4);
  --ws-component-input-height: var(--ws-size-target-default);
  --ws-component-input-radius: var(--ws-radius-control);
  --ws-component-card-radius: var(--ws-radius-card);
  --ws-component-card-padding: var(--ws-space-5);
  --ws-component-navigation-expanded: 168px;
  --ws-component-navigation-collapsed: 76px;
  --ws-component-navigation-mobile-drawer: 232px;
  --ws-component-navigation-item-height: 46px;
  --ws-component-navigation-icon-size: var(--ws-size-icon-default);
  --ws-component-header-height: 78px;
  --ws-component-header-mobile-height: 64px;
  --ws-component-graph-category-radius: 68;
  --ws-component-graph-label-max-width: 104;
  --ws-component-graph-label-line-height: 17;
  --ws-component-graph-center-radius: 100;
  --ws-component-graph-minimum-padding: 16;
  --ws-component-logo-mark-minimum: 28px;
  --ws-component-logo-primary-minimum: 144px;
  --ws-component-logo-tagline-minimum: 240px;
  --ws-component-logo-clear-space: 25% of mark width;
  --ws-component-carousel-radius: 8px;
  --ws-component-carousel-min-height: 380px;
  --ws-component-carousel-padding: 32px;
  --ws-component-carousel-indigo: #0F273C;
  --ws-component-carousel-espresso: var(--ws-color-brand-espresso);
  --ws-component-book-cover-max-width: 240px;
  --ws-component-book-cover-library-width: 190px;
  --ws-component-book-cover-thumbnail-width: 66px;
  --ws-component-book-cover-shadow: 3px 5px 0 #d5cbbc, 6px 9px 15px #30261924;
}