/* Generated from docs/art-bible.tokens.json. Do not edit by hand. */
/* bible-token-version: 0.2.0 */
:root {
  --colors-brand-logo: #3850A0;
  --colors-brand-primary: #6B4E9E;
  --colors-brand-primary-bright: #8262B8;
  --colors-brand-deep: #3A2A4F;
  --colors-brand-deepest: #241733;
  --colors-brand-tint: #F0EAF5;
  --colors-accent-coral: #E07A6B;
  --colors-neutral-paper: #F7F2EC;
  --colors-neutral-ink: #2A2333;
  --colors-neutral-ink-muted: #6B6275;
  --colors-neutral-rule: #E8E0D9;
  --colors-neutral-panel-line: #E0D7E5;
  --typography-families-display: Poppins, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --typography-families-body: Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --typography-scale-display-size: clamp(2.5rem, 5.2vw, 4rem);
  --typography-scale-display-line-height: 1.04;
  --typography-scale-display-tracking: -0.02em;
  --typography-scale-display-weight: 700;
  --typography-scale-h1-size: clamp(2rem, 4vw, 3.25rem);
  --typography-scale-h1-line-height: 1.08;
  --typography-scale-h1-tracking: -0.015em;
  --typography-scale-h1-weight: 700;
  --typography-scale-h2-size: clamp(1.5rem, 3vw, 2.25rem);
  --typography-scale-h2-line-height: 1.15;
  --typography-scale-h2-tracking: -0.01em;
  --typography-scale-h2-weight: 600;
  --typography-scale-body-size: 1.0625rem;
  --typography-scale-body-line-height: 1.55;
  --typography-scale-body-tracking: 0;
  --typography-scale-body-weight: 400;
  --typography-scale-eyebrow-size: 0.8125rem;
  --typography-scale-eyebrow-line-height: 1.3;
  --typography-scale-eyebrow-tracking: 0.12em;
  --typography-scale-eyebrow-weight: 600;
  --typography-scale-eyebrow-transform: uppercase;
  --typography-scale-caption-size: 0.875rem;
  --typography-scale-caption-line-height: 1.4;
  --typography-scale-caption-tracking: 0;
  --typography-scale-caption-weight: 500;
  --spacing-scale-0: 4px;
  --spacing-scale-1: 8px;
  --spacing-scale-2: 12px;
  --spacing-scale-3: 16px;
  --spacing-scale-4: 22px;
  --spacing-scale-5: 32px;
  --spacing-scale-6: 48px;
  --spacing-scale-7: 64px;
  --spacing-scale-8: 96px;
  --spacing-scale-9: 128px;
  --spacing-scale-10: 160px;
  --spacing-section-gap-min: 96px;
  --radius-sm: 8;
  --radius-md: 12;
  --radius-lg: 22;
  --radius-pill: 999;
  --shadow-sm: 0 1px 2px rgba(58,42,79,0.06);
  --shadow-md: 0 8px 20px -10px rgba(107,78,158,0.50);
  --shadow-lg: 0 30px 60px -22px rgba(58,42,79,0.45);
  --border-subtle: 1px solid #E8E0D9;
  --border-panel: 1px solid #E0D7E5;
  --motion-duration-fast: 120ms;
  --motion-duration-base: 180ms;
  --motion-duration-slow: 320ms;
  --motion-easing-standard: ease;
  --motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --z-index-sticky-nav: 20;
  --z-index-mobile-menu: 40;
  --breakpoint-tablet: 768px;
  --breakpoint-desktop: 1024px;
  --container-tablet-max-width: 720px;
  --container-tablet-padding: 32px;
  --container-desktop-max-width: 1240px;
  --container-desktop-padding: 110px;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 16px;
  --grid-desktop-columns: 12;
  --grid-desktop-gutter: 24px;
  --interaction-focus-ring: 0 0 0 3px rgba(107,78,158,0.45);
  --interaction-hover-elevation: 0 6px 18px rgba(58,42,79,0.18);
  --interaction-pressed-scale: 0.98;
  --interaction-disabled-opacity: 0.45;
}