/* Generated from DTCG tokens. Do not edit. */
:root, [data-theme="dark"], [data-visual="solid"] {
  --alpha-border: rgb(163 144 144 / 0.65);
  --alpha-clear: rgb(36 30 32 / 0);
  --alpha-highlight: rgb(227 211 187 / 0.12);
  --alpha-shadow: rgb(36 30 32 / 0.32);
  --alpha-strong: rgb(54 48 50 / 0.96);
  --alpha-subtle: rgb(54 48 50 / 0.8);
  --alpha-surface: rgb(54 48 50 / 0.88);
  --button-borderWidth: 1px;
  --button-danger-background: rgb(36 30 32 / 1);
  --button-danger-border: rgb(234 108 69 / 1);
  --button-danger-hover: rgb(36 30 32 / 1);
  --button-danger-pressed: rgb(36 30 32 / 1);
  --button-danger-text: rgb(234 108 69 / 1);
  --button-disabled-background: rgb(54 48 50 / 1);
  --button-disabled-border: rgb(54 48 50 / 1);
  --button-disabled-text: rgb(163 144 144 / 1);
  --button-focus-offset: 4px;
  --button-focus-ring: rgb(227 211 187 / 1);
  --button-focus-width: 2px;
  --button-font: 600 16px/1.2 "Onest", sans-serif;
  --button-gap: 8px;
  --button-ghost-background: rgb(36 30 32 / 0);
  --button-ghost-border: rgb(36 30 32 / 0);
  --button-ghost-hover: rgb(54 48 50 / 1);
  --button-ghost-pressed: rgb(54 48 50 / 1);
  --button-ghost-text: rgb(227 211 187 / 1);
  --button-lg-height: 48px;
  --button-lg-padding: 24px;
  --button-md-height: 40px;
  --button-md-padding: 16px;
  --button-paddingBlock: 4px;
  --button-primary-background: rgb(234 108 69 / 1);
  --button-primary-border: rgb(234 108 69 / 1);
  --button-primary-hover: rgb(234 108 69 / 1);
  --button-primary-pressed: rgb(234 108 69 / 1);
  --button-primary-text: rgb(36 30 32 / 1);
  --button-radius: 8px;
  --button-secondary-background: rgb(54 48 50 / 1);
  --button-secondary-border: rgb(163 144 144 / 1);
  --button-secondary-hover: rgb(36 30 32 / 1);
  --button-secondary-pressed: rgb(36 30 32 / 1);
  --button-secondary-text: rgb(227 211 187 / 1);
  --button-sm-height: 32px;
  --button-sm-padding: 12px;
  --color-action-accent: rgb(234 108 69 / 1);
  --color-action-disabled: rgb(54 48 50 / 1);
  --color-action-primary-default: rgb(229 71 23 / 1);
  --color-action-primary-hover: rgb(234 108 69 / 1);
  --color-action-primary-pressed: rgb(234 108 69 / 1);
  --color-background-base: rgb(36 30 32 / 1);
  --color-background-elevated: rgb(54 48 50 / 1);
  --color-border-default: rgb(163 144 144 / 1);
  --color-border-disabled: rgb(54 48 50 / 1);
  --color-border-interactive: rgb(234 108 69 / 1);
  --color-danger-default: rgb(234 108 69 / 1);
  --color-danger-hover: rgb(227 211 187 / 1);
  --color-focus: rgb(227 211 187 / 1);
  --color-text-muted: rgb(163 144 144 / 1);
  --color-text-onAction: rgb(36 30 32 / 1);
  --color-text-primary: rgb(227 211 187 / 1);
  --color-transparent: rgb(36 30 32 / 0);
  --elevation-high: 0px 16px 32px 0px rgb(36 30 32 / 0.32);
  --elevation-low: 0px 4px 12px 0px rgb(36 30 32 / 0.32);
  --elevation-medium: 0px 8px 24px 0px rgb(36 30 32 / 0.32);
  --elevation-none: 0px 0px 0px 0px rgb(36 30 32 / 0.32);
  --font-body: "Onest", sans-serif;
  --font-display: "Cormorant Infant", serif;
  --geometry-blurLg: 24px;
  --geometry-blurMd: 16px;
  --geometry-blurSm: 8px;
  --geometry-content: 960px;
  --geometry-focus: 2px;
  --geometry-hairline: 1px;
  --glass-blur-lg: 24px;
  --glass-blur-md: 16px;
  --glass-blur-sm: 8px;
  --glass-border-default: rgb(163 144 144 / 0.65);
  --glass-border-subtle: rgb(227 211 187 / 0.12);
  --glass-highlight: rgb(227 211 187 / 0.12);
  --glass-shadow: 0px 4px 12px 0px rgb(36 30 32 / 0.32);
  --glass-surface-default: rgb(54 48 50 / 0.88);
  --glass-surface-strong: rgb(54 48 50 / 0.96);
  --glass-surface-subtle: rgb(54 48 50 / 0.8);
  --heymay-body: 400 16px/1.5 "Inter", sans-serif;
  --heymay-bodyFont: "Inter", sans-serif;
  --heymay-brown: rgb(89 66 40 / 1);
  --heymay-cream: rgb(237 229 222 / 1);
  --heymay-gold: rgb(163 130 93 / 1);
  --heymay-heading: 600 40px/1.08 "Cormorant Garamond", serif;
  --heymay-headingFont: "Cormorant Garamond", serif;
  --heymay-ink: rgb(32 30 33 / 1);
  --heymay-label: 600 16px/1.3 "Inter", sans-serif;
  --heymay-number: 500 32px/1.2 "Inter", sans-serif;
  --heymay-tint: rgb(163 130 93 / 0.12);
  --heymay-white: rgb(254 254 254 / 1);
  --interaction-duration: 120ms;
  --interaction-easing: cubic-bezier(0.2, 0, 0, 1);
  --interaction-focusOffset: 4px;
  --interaction-focusWidth: 2px;
  --interaction-reduced: 0ms;
  --layout-border: 1px;
  --layout-content: 960px;
  --layout-gap: 12px;
  --layout-page: 24px;
  --layout-radius: 12px;
  --layout-section: 32px;
  --motion-deliberate: 240ms;
  --motion-ease: cubic-bezier(0.2, 0, 0, 1);
  --motion-fast: 120ms;
  --motion-none: 0ms;
  --motion-springDamping: 28;
  --motion-springMass: 1;
  --motion-springStiffness: 240;
  --motion-springVelocity: 0;
  --motion-standard: 180ms;
  --motionSemantic-duration-enter: 180ms;
  --motionSemantic-duration-exit: 120ms;
  --motionSemantic-duration-feedback: 120ms;
  --motionSemantic-duration-overlay: 240ms;
  --motionSemantic-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --motionSemantic-reduced-duration: 0ms;
  --motionSemantic-spring-damping: 28;
  --motionSemantic-spring-mass: 1;
  --motionSemantic-spring-stiffness: 240;
  --motionSemantic-spring-velocity: 0;
  --neutral-500: rgb(163 144 144 / 1);
  --neutral-850: rgb(54 48 50 / 1);
  --neutral-950: rgb(36 30 32 / 1);
  --orange-400: rgb(234 108 69 / 1);
  --orange-500: rgb(229 71 23 / 1);
  --radius-full: 9999px;
  --radius-lg: 12px;
  --radius-md: 8px;
  --radius-none: 0px;
  --radius-sm: 4px;
  --sand-200: rgb(227 211 187 / 1);
  --space-0: 0px;
  --space-1: 4px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-2: 8px;
  --space-20: 80px;
  --space-24: 96px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --type-bodyMd: 400 16px/1.2 "Onest", sans-serif;
  --type-display1: 800 92px/1 "Onest", sans-serif;
  --type-display2: 400 84px/1 "Cormorant Infant", serif;
  --type-display3: 400 64px/1 "Cormorant Infant", serif;
  --type-heading1: 600 32px/1 "Onest", sans-serif;
  --type-label: 600 16px/1.2 "Onest", sans-serif;
  --typography-body: 400 16px/1.2 "Onest", sans-serif;
  --typography-display1: 800 92px/1 "Onest", sans-serif;
  --typography-display2: 400 84px/1 "Cormorant Infant", serif;
  --typography-display3: 400 64px/1 "Cormorant Infant", serif;
  --typography-heading1: 600 32px/1 "Onest", sans-serif;
  --typography-label: 600 16px/1.2 "Onest", sans-serif;
  --visual-blur: 0px;
  --visual-border: rgb(163 144 144 / 1);
  --visual-shadow: 0px 4px 12px 0px rgb(36 30 32 / 0.32);
  --visual-surface: rgb(54 48 50 / 1);
}
[data-visual="glass"] {
  --alpha-border: rgb(163 144 144 / 0.65);
  --alpha-clear: rgb(36 30 32 / 0);
  --alpha-highlight: rgb(227 211 187 / 0.12);
  --alpha-shadow: rgb(36 30 32 / 0.32);
  --alpha-strong: rgb(54 48 50 / 0.96);
  --alpha-subtle: rgb(54 48 50 / 0.8);
  --alpha-surface: rgb(54 48 50 / 0.88);
  --button-borderWidth: 1px;
  --button-danger-background: rgb(36 30 32 / 1);
  --button-danger-border: rgb(234 108 69 / 1);
  --button-danger-hover: rgb(36 30 32 / 1);
  --button-danger-pressed: rgb(36 30 32 / 1);
  --button-danger-text: rgb(234 108 69 / 1);
  --button-disabled-background: rgb(54 48 50 / 1);
  --button-disabled-border: rgb(54 48 50 / 1);
  --button-disabled-text: rgb(163 144 144 / 1);
  --button-focus-offset: 4px;
  --button-focus-ring: rgb(227 211 187 / 1);
  --button-focus-width: 2px;
  --button-font: 600 16px/1.2 "Onest", sans-serif;
  --button-gap: 8px;
  --button-ghost-background: rgb(36 30 32 / 0);
  --button-ghost-border: rgb(36 30 32 / 0);
  --button-ghost-hover: rgb(54 48 50 / 1);
  --button-ghost-pressed: rgb(54 48 50 / 1);
  --button-ghost-text: rgb(227 211 187 / 1);
  --button-lg-height: 48px;
  --button-lg-padding: 24px;
  --button-md-height: 40px;
  --button-md-padding: 16px;
  --button-paddingBlock: 4px;
  --button-primary-background: rgb(234 108 69 / 1);
  --button-primary-border: rgb(234 108 69 / 1);
  --button-primary-hover: rgb(234 108 69 / 1);
  --button-primary-pressed: rgb(234 108 69 / 1);
  --button-primary-text: rgb(36 30 32 / 1);
  --button-radius: 8px;
  --button-secondary-background: rgb(54 48 50 / 1);
  --button-secondary-border: rgb(163 144 144 / 1);
  --button-secondary-hover: rgb(36 30 32 / 1);
  --button-secondary-pressed: rgb(36 30 32 / 1);
  --button-secondary-text: rgb(227 211 187 / 1);
  --button-sm-height: 32px;
  --button-sm-padding: 12px;
  --color-action-accent: rgb(234 108 69 / 1);
  --color-action-disabled: rgb(54 48 50 / 1);
  --color-action-primary-default: rgb(229 71 23 / 1);
  --color-action-primary-hover: rgb(234 108 69 / 1);
  --color-action-primary-pressed: rgb(234 108 69 / 1);
  --color-background-base: rgb(36 30 32 / 1);
  --color-background-elevated: rgb(54 48 50 / 1);
  --color-border-default: rgb(163 144 144 / 1);
  --color-border-disabled: rgb(54 48 50 / 1);
  --color-border-interactive: rgb(234 108 69 / 1);
  --color-danger-default: rgb(234 108 69 / 1);
  --color-danger-hover: rgb(227 211 187 / 1);
  --color-focus: rgb(227 211 187 / 1);
  --color-text-muted: rgb(163 144 144 / 1);
  --color-text-onAction: rgb(36 30 32 / 1);
  --color-text-primary: rgb(227 211 187 / 1);
  --color-transparent: rgb(36 30 32 / 0);
  --elevation-high: 0px 16px 32px 0px rgb(36 30 32 / 0.32);
  --elevation-low: 0px 4px 12px 0px rgb(36 30 32 / 0.32);
  --elevation-medium: 0px 8px 24px 0px rgb(36 30 32 / 0.32);
  --elevation-none: 0px 0px 0px 0px rgb(36 30 32 / 0.32);
  --font-body: "Onest", sans-serif;
  --font-display: "Cormorant Infant", serif;
  --geometry-blurLg: 24px;
  --geometry-blurMd: 16px;
  --geometry-blurSm: 8px;
  --geometry-content: 960px;
  --geometry-focus: 2px;
  --geometry-hairline: 1px;
  --glass-blur-lg: 24px;
  --glass-blur-md: 16px;
  --glass-blur-sm: 8px;
  --glass-border-default: rgb(163 144 144 / 0.65);
  --glass-border-subtle: rgb(227 211 187 / 0.12);
  --glass-highlight: rgb(227 211 187 / 0.12);
  --glass-shadow: 0px 4px 12px 0px rgb(36 30 32 / 0.32);
  --glass-surface-default: rgb(54 48 50 / 0.88);
  --glass-surface-strong: rgb(54 48 50 / 0.96);
  --glass-surface-subtle: rgb(54 48 50 / 0.8);
  --heymay-body: 400 16px/1.5 "Inter", sans-serif;
  --heymay-bodyFont: "Inter", sans-serif;
  --heymay-brown: rgb(89 66 40 / 1);
  --heymay-cream: rgb(237 229 222 / 1);
  --heymay-gold: rgb(163 130 93 / 1);
  --heymay-heading: 600 40px/1.08 "Cormorant Garamond", serif;
  --heymay-headingFont: "Cormorant Garamond", serif;
  --heymay-ink: rgb(32 30 33 / 1);
  --heymay-label: 600 16px/1.3 "Inter", sans-serif;
  --heymay-number: 500 32px/1.2 "Inter", sans-serif;
  --heymay-tint: rgb(163 130 93 / 0.12);
  --heymay-white: rgb(254 254 254 / 1);
  --interaction-duration: 120ms;
  --interaction-easing: cubic-bezier(0.2, 0, 0, 1);
  --interaction-focusOffset: 4px;
  --interaction-focusWidth: 2px;
  --interaction-reduced: 0ms;
  --layout-border: 1px;
  --layout-content: 960px;
  --layout-gap: 12px;
  --layout-page: 24px;
  --layout-radius: 12px;
  --layout-section: 32px;
  --motion-deliberate: 240ms;
  --motion-ease: cubic-bezier(0.2, 0, 0, 1);
  --motion-fast: 120ms;
  --motion-none: 0ms;
  --motion-springDamping: 28;
  --motion-springMass: 1;
  --motion-springStiffness: 240;
  --motion-springVelocity: 0;
  --motion-standard: 180ms;
  --motionSemantic-duration-enter: 180ms;
  --motionSemantic-duration-exit: 120ms;
  --motionSemantic-duration-feedback: 120ms;
  --motionSemantic-duration-overlay: 240ms;
  --motionSemantic-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --motionSemantic-reduced-duration: 0ms;
  --motionSemantic-spring-damping: 28;
  --motionSemantic-spring-mass: 1;
  --motionSemantic-spring-stiffness: 240;
  --motionSemantic-spring-velocity: 0;
  --neutral-500: rgb(163 144 144 / 1);
  --neutral-850: rgb(54 48 50 / 1);
  --neutral-950: rgb(36 30 32 / 1);
  --orange-400: rgb(234 108 69 / 1);
  --orange-500: rgb(229 71 23 / 1);
  --radius-full: 9999px;
  --radius-lg: 12px;
  --radius-md: 8px;
  --radius-none: 0px;
  --radius-sm: 4px;
  --sand-200: rgb(227 211 187 / 1);
  --space-0: 0px;
  --space-1: 4px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-2: 8px;
  --space-20: 80px;
  --space-24: 96px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --type-bodyMd: 400 16px/1.2 "Onest", sans-serif;
  --type-display1: 800 92px/1 "Onest", sans-serif;
  --type-display2: 400 84px/1 "Cormorant Infant", serif;
  --type-display3: 400 64px/1 "Cormorant Infant", serif;
  --type-heading1: 600 32px/1 "Onest", sans-serif;
  --type-label: 600 16px/1.2 "Onest", sans-serif;
  --typography-body: 400 16px/1.2 "Onest", sans-serif;
  --typography-display1: 800 92px/1 "Onest", sans-serif;
  --typography-display2: 400 84px/1 "Cormorant Infant", serif;
  --typography-display3: 400 64px/1 "Cormorant Infant", serif;
  --typography-heading1: 600 32px/1 "Onest", sans-serif;
  --typography-label: 600 16px/1.2 "Onest", sans-serif;
  --visual-blur: 16px;
  --visual-border: rgb(163 144 144 / 0.65);
  --visual-shadow: 0px 4px 12px 0px rgb(36 30 32 / 0.32);
  --visual-surface: rgb(54 48 50 / 0.88);
}
[data-theme="heymay"] {
  --alpha-border: rgb(163 144 144 / 0.65);
  --alpha-clear: rgb(36 30 32 / 0);
  --alpha-highlight: rgb(227 211 187 / 0.12);
  --alpha-shadow: rgb(36 30 32 / 0.32);
  --alpha-strong: rgb(54 48 50 / 0.96);
  --alpha-subtle: rgb(54 48 50 / 0.8);
  --alpha-surface: rgb(54 48 50 / 0.88);
  --button-borderWidth: 1px;
  --button-danger-background: rgb(254 254 254 / 1);
  --button-danger-border: rgb(89 66 40 / 1);
  --button-danger-hover: rgb(254 254 254 / 1);
  --button-danger-pressed: rgb(254 254 254 / 1);
  --button-danger-text: rgb(89 66 40 / 1);
  --button-disabled-background: rgb(237 229 222 / 1);
  --button-disabled-border: rgb(237 229 222 / 1);
  --button-disabled-text: rgb(89 66 40 / 1);
  --button-focus-offset: 4px;
  --button-focus-ring: rgb(89 66 40 / 1);
  --button-focus-width: 2px;
  --button-font: 600 16px/1.3 "Inter", sans-serif;
  --button-gap: 8px;
  --button-ghost-background: rgb(36 30 32 / 0);
  --button-ghost-border: rgb(36 30 32 / 0);
  --button-ghost-hover: rgb(237 229 222 / 1);
  --button-ghost-pressed: rgb(237 229 222 / 1);
  --button-ghost-text: rgb(32 30 33 / 1);
  --button-lg-height: 48px;
  --button-lg-padding: 24px;
  --button-md-height: 40px;
  --button-md-padding: 16px;
  --button-paddingBlock: 4px;
  --button-primary-background: rgb(89 66 40 / 1);
  --button-primary-border: rgb(89 66 40 / 1);
  --button-primary-hover: rgb(32 30 33 / 1);
  --button-primary-pressed: rgb(32 30 33 / 1);
  --button-primary-text: rgb(254 254 254 / 1);
  --button-radius: 4px;
  --button-secondary-background: rgb(237 229 222 / 1);
  --button-secondary-border: rgb(163 130 93 / 1);
  --button-secondary-hover: rgb(254 254 254 / 1);
  --button-secondary-pressed: rgb(254 254 254 / 1);
  --button-secondary-text: rgb(32 30 33 / 1);
  --button-sm-height: 32px;
  --button-sm-padding: 12px;
  --color-action-accent: rgb(89 66 40 / 1);
  --color-action-disabled: rgb(237 229 222 / 1);
  --color-action-primary-default: rgb(89 66 40 / 1);
  --color-action-primary-hover: rgb(32 30 33 / 1);
  --color-action-primary-pressed: rgb(32 30 33 / 1);
  --color-background-base: rgb(254 254 254 / 1);
  --color-background-elevated: rgb(237 229 222 / 1);
  --color-border-default: rgb(163 130 93 / 1);
  --color-border-disabled: rgb(237 229 222 / 1);
  --color-border-interactive: rgb(89 66 40 / 1);
  --color-danger-default: rgb(89 66 40 / 1);
  --color-danger-hover: rgb(32 30 33 / 1);
  --color-focus: rgb(89 66 40 / 1);
  --color-text-muted: rgb(89 66 40 / 1);
  --color-text-onAction: rgb(254 254 254 / 1);
  --color-text-primary: rgb(32 30 33 / 1);
  --color-transparent: rgb(36 30 32 / 0);
  --elevation-high: 0px 16px 32px 0px rgb(36 30 32 / 0.32);
  --elevation-low: 0px 4px 12px 0px rgb(36 30 32 / 0.32);
  --elevation-medium: 0px 8px 24px 0px rgb(36 30 32 / 0.32);
  --elevation-none: 0px 0px 0px 0px rgb(36 30 32 / 0.32);
  --font-body: "Onest", sans-serif;
  --font-display: "Cormorant Infant", serif;
  --geometry-blurLg: 24px;
  --geometry-blurMd: 16px;
  --geometry-blurSm: 8px;
  --geometry-content: 960px;
  --geometry-focus: 2px;
  --geometry-hairline: 1px;
  --glass-blur-lg: 24px;
  --glass-blur-md: 16px;
  --glass-blur-sm: 8px;
  --glass-border-default: rgb(163 144 144 / 0.65);
  --glass-border-subtle: rgb(227 211 187 / 0.12);
  --glass-highlight: rgb(163 130 93 / 0.12);
  --glass-shadow: 0px 4px 12px 0px rgb(36 30 32 / 0.32);
  --glass-surface-default: rgb(54 48 50 / 0.88);
  --glass-surface-strong: rgb(54 48 50 / 0.96);
  --glass-surface-subtle: rgb(54 48 50 / 0.8);
  --heymay-body: 400 16px/1.5 "Inter", sans-serif;
  --heymay-bodyFont: "Inter", sans-serif;
  --heymay-brown: rgb(89 66 40 / 1);
  --heymay-cream: rgb(237 229 222 / 1);
  --heymay-gold: rgb(163 130 93 / 1);
  --heymay-heading: 600 40px/1.08 "Cormorant Garamond", serif;
  --heymay-headingFont: "Cormorant Garamond", serif;
  --heymay-ink: rgb(32 30 33 / 1);
  --heymay-label: 600 16px/1.3 "Inter", sans-serif;
  --heymay-number: 500 32px/1.2 "Inter", sans-serif;
  --heymay-tint: rgb(163 130 93 / 0.12);
  --heymay-white: rgb(254 254 254 / 1);
  --interaction-duration: 120ms;
  --interaction-easing: cubic-bezier(0.2, 0, 0, 1);
  --interaction-focusOffset: 4px;
  --interaction-focusWidth: 2px;
  --interaction-reduced: 0ms;
  --layout-border: 1px;
  --layout-content: 960px;
  --layout-gap: 12px;
  --layout-page: 24px;
  --layout-radius: 12px;
  --layout-section: 32px;
  --motion-deliberate: 240ms;
  --motion-ease: cubic-bezier(0.2, 0, 0, 1);
  --motion-fast: 120ms;
  --motion-none: 0ms;
  --motion-springDamping: 28;
  --motion-springMass: 1;
  --motion-springStiffness: 240;
  --motion-springVelocity: 0;
  --motion-standard: 180ms;
  --motionSemantic-duration-enter: 180ms;
  --motionSemantic-duration-exit: 120ms;
  --motionSemantic-duration-feedback: 120ms;
  --motionSemantic-duration-overlay: 240ms;
  --motionSemantic-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --motionSemantic-reduced-duration: 0ms;
  --motionSemantic-spring-damping: 28;
  --motionSemantic-spring-mass: 1;
  --motionSemantic-spring-stiffness: 240;
  --motionSemantic-spring-velocity: 0;
  --neutral-500: rgb(163 144 144 / 1);
  --neutral-850: rgb(54 48 50 / 1);
  --neutral-950: rgb(36 30 32 / 1);
  --orange-400: rgb(234 108 69 / 1);
  --orange-500: rgb(229 71 23 / 1);
  --radius-full: 9999px;
  --radius-lg: 12px;
  --radius-md: 8px;
  --radius-none: 0px;
  --radius-sm: 4px;
  --sand-200: rgb(227 211 187 / 1);
  --space-0: 0px;
  --space-1: 4px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-2: 8px;
  --space-20: 80px;
  --space-24: 96px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --type-bodyMd: 400 16px/1.2 "Onest", sans-serif;
  --type-display1: 800 92px/1 "Onest", sans-serif;
  --type-display2: 400 84px/1 "Cormorant Infant", serif;
  --type-display3: 400 64px/1 "Cormorant Infant", serif;
  --type-heading1: 600 32px/1 "Onest", sans-serif;
  --type-label: 600 16px/1.2 "Onest", sans-serif;
  --typography-body: 400 16px/1.5 "Inter", sans-serif;
  --typography-display1: 800 92px/1 "Onest", sans-serif;
  --typography-display2: 400 84px/1 "Cormorant Infant", serif;
  --typography-display3: 400 64px/1 "Cormorant Infant", serif;
  --typography-heading1: 600 40px/1.08 "Cormorant Garamond", serif;
  --typography-label: 600 16px/1.3 "Inter", sans-serif;
  --visual-blur: 0px;
  --visual-border: rgb(163 144 144 / 1);
  --visual-shadow: 0px 4px 12px 0px rgb(36 30 32 / 0.32);
  --visual-surface: rgb(54 48 50 / 1);
}