:root {
  /* color.json */
  --color-base-black: #000000;
  --color-base-white: #ffffff;
  --color-gray-50: #fafafa;
  --color-gray-100: #f5f5f5;
  --color-gray-200: #e5e5e5;
  --color-gray-300: #d4d4d4;
  --color-gray-400: #a3a3a3;
  --color-gray-500: #737373;
  --color-gray-600: #525252;
  --color-gray-700: #404040;
  --color-gray-800: #262626;
  --color-gray-900: #171717;
  --color-gray-950: #0a0a0a;
  --color-warm-50: #fefdfb;
  --color-warm-100: #f9f7f3;
  --color-warm-200: #f5f0e8;
  --color-warm-300: #ebe3d5;
  --color-warm-400: #ddd1bc;
  --color-warm-500: #c9b79a;
  --color-warm-600: #a89478;
  --color-warm-700: #8a7459;
  --color-warm-800: #6b5742;
  --color-warm-900: #4a3d2e;
  --color-semantic-error: #dc2626;
  --color-semantic-success: #059669;
  --color-semantic-warning: #d97706;
  --color-semantic-info: #0284c7;
  --color-background-tan: {color.warm.300};
  --color-background-gray: {color.gray.200};
  --overlay-dark-30: rgba(0, 0, 0, 0.3);
  --overlay-dark-40: rgba(0, 0, 0, 0.4);
  --overlay-dark-50: rgba(0, 0, 0, 0.5);
  --overlay-dark-60: rgba(0, 0, 0, 0.6);
  --overlay-dark-70: rgba(0, 0, 0, 0.7);
  --overlay-white-50: rgba(255, 255, 255, 0.5);
  --overlay-white-70: rgba(255, 255, 255, 0.7);
  --overlay-white-90: rgba(255, 255, 255, 0.9);
  --overlay-white-98: rgba(255, 255, 255, 0.98);
  /* typography.json */
  --font-family-display: "loretta-display", "Georgia", "Times New Roman", serif;
  --font-family-sans: "helvetica-neue-lt-pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-size-xs: clamp(0.75rem, 0.726rem + 0.065vw, 0.8125rem);
  --font-size-sm: clamp(0.875rem, 0.851rem + 0.065vw, 0.9375rem);
  --font-size-base: clamp(1rem, 0.903rem + 0.194vw, 1.1875rem);
  --font-size-lg: clamp(1.125rem, 0.98rem + 0.323vw, 1.375rem);
  --font-size-xl: clamp(1.25rem, 1.032rem + 0.517vw, 1.625rem);
  --font-size-2xl: clamp(1.5rem, 1.21rem + 0.775vw, 2.25rem);
  --font-size-3xl: clamp(1.875rem, 1.419rem + 1.165vw, 3rem);
  --font-size-4xl: clamp(2.25rem, 1.694rem + 1.488vw, 3.75rem);
  --font-size-5xl: clamp(3rem, 2.226rem + 2.07vw, 5rem);
  --font-size-6xl: clamp(3.75rem, 2.661rem + 3.1vw, 6.75rem);
  --font-size-7xl: clamp(4.5rem, 2.887rem + 4.258vw, 8rem);
  --font-size-8xl: clamp(6rem, 3.774rem + 5.81vw, 10rem);
  --font-size-9xl: clamp(7.5rem, 4.661rem + 7.362vw, 12.5rem);
  --font-weight-ultralight: 200;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-bold: 700;
  --font-lineHeight-none: 1;
  --font-lineHeight-tight: 1.25;
  --font-lineHeight-snug: 1.375;
  --font-lineHeight-normal: 1.5;
  --font-lineHeight-relaxed: 1.625;
  --font-lineHeight-loose: 2;
  --font-letterSpacing-tighter: -0.05em;
  --font-letterSpacing-tight: -0.025em;
  --font-letterSpacing-normal: 0em;
  --font-letterSpacing-wide: 0.025em;
  --font-letterSpacing-wider: 0.05em;
  --font-letterSpacing-widest: 0.1em;
  --font-hero-heading-sm: clamp(2.25rem, 1.5rem + 2vw, 3.75rem);
  --font-hero-heading-md: clamp(3rem, 2rem + 3vw, 5rem);
  --font-hero-heading-lg: clamp(3.75rem, 2.5rem + 4vw, 6.75rem);
  --font-hero-heading-xl: clamp(4.5rem, 3rem + 5vw, 8rem);
  --font-hero-subheading-sm: clamp(1rem, 0.9rem + 0.35vw, 1.1875rem);
  --font-hero-subheading-md: clamp(1.125rem, 1rem + 0.45vw, 1.375rem);
  --font-hero-subheading-lg: clamp(1.25rem, 1.1rem + 0.55vw, 1.625rem);
  /* spacing.json */
  --spacing-scale-0: 0;
  --spacing-scale-1: 0.25rem;
  --spacing-scale-2: 0.5rem;
  --spacing-scale-3: 0.75rem;
  --spacing-scale-4: 1rem;
  --spacing-scale-5: 1.25rem;
  --spacing-scale-6: 1.5rem;
  --spacing-scale-7: 1.75rem;
  --spacing-scale-8: 2rem;
  --spacing-scale-9: 2.25rem;
  --spacing-scale-10: 2.5rem;
  --spacing-scale-11: 2.75rem;
  --spacing-scale-12: 3rem;
  --spacing-scale-14: 3.5rem;
  --spacing-scale-16: 4rem;
  --spacing-scale-20: 5rem;
  --spacing-scale-24: 6rem;
  --spacing-scale-28: 7rem;
  --spacing-scale-32: 8rem;
  --spacing-scale-36: 9rem;
  --spacing-scale-40: 10rem;
  --spacing-scale-44: 11rem;
  --spacing-scale-48: 12rem;
  --spacing-scale-52: 13rem;
  --spacing-scale-56: 14rem;
  --spacing-scale-60: 15rem;
  --spacing-scale-64: 16rem;
  --spacing-scale-72: 18rem;
  --spacing-scale-80: 20rem;
  --spacing-scale-96: 24rem;
  --spacing-scale-px: 1px;
  --spacing-scale-0_5: 0.125rem;
  --spacing-scale-1_5: 0.375rem;
  --spacing-scale-2_5: 0.625rem;
  --spacing-scale-3_5: 0.875rem;
  --spacing-fluid-carousel-nav: clamp(2rem, 1.5rem + 1.5vw, 3rem);
  --spacing-fluid-hero-stack-compact: clamp(0.75rem, 0.5rem + 0.75vw, 1.25rem);
  --spacing-fluid-hero-stack-comfortable: clamp(1rem, 0.75rem + 0.75vw, 1.5rem);
  --spacing-fluid-hero-stack-spacious: clamp(1.5rem, 1rem + 1.5vw, 2.5rem);
  --spacing-fluid-hero-button-gap: clamp(0.75rem, 0.5rem + 0.75vw, 1.25rem);
  --spacing-block-none: 0;
  --spacing-block-sm: clamp(1.25rem, 1rem + 0.75vw, 2rem);
  --spacing-block-md: clamp(2.5rem, 2rem + 1.5vw, 4rem);
  --spacing-block-lg: clamp(3.75rem, 3rem + 2.25vw, 6rem);
  --spacing-block-xl: clamp(5rem, 4rem + 3vw, 8rem);
  --spacing-container-inline: clamp(1.25rem, 5vw, 2.5rem);
  --spacing-gap-sm: clamp(0.75rem, 0.5rem + 0.75vw, 1.25rem);
  --spacing-gap-md: clamp(1rem, 0.75rem + 0.75vw, 1.5rem);
  --spacing-gap-lg: clamp(1.5rem, 1rem + 1vw, 2rem);
  --layout-container-prose: 65ch;
  --layout-container-prose-medium: 80ch;
  --layout-container-prose-wide: 100ch;
  --layout-container-standard: 1280px;
  --layout-container-wide: 1600px;
  --layout-container-ultra: 2560px;
  --layout-height-full: 100vh;
  --layout-height-three-quarters: 75vh;
  --layout-height-two-thirds: 66.666vh;
  --layout-height-half: 50vh;
  --layout-height-narrow: 30vh;
  --layout-minHeight-xs: 200px;
  --layout-minHeight-sm: 300px;
  --layout-minHeight-md: 400px;
  --layout-minHeight-lg: 500px;
  --layout-minHeight-xl: 600px;
  --layout-minHeight-hero-mobile: 70vh;
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --breakpoints-xl: 1280px;
  --breakpoints-2xl: 1536px;
  --breakpoints-3xl: 1920px;
  /* effects.json */
  --border-width-0: 0px;
  --border-width-1: 1px;
  --border-width-2: 2px;
  --border-width-4: 4px;
  --border-width-8: 8px;
  --border-radius-brand: 0;
  --border-radius-none: 0;
  --border-radius-sm: 0.125rem;
  --border-radius-base: 0.25rem;
  --border-radius-md: 0.375rem;
  --border-radius-lg: 0.5rem;
  --border-radius-xl: 0.75rem;
  --border-radius-2xl: 1rem;
  --border-radius-3xl: 1.5rem;
  --border-radius-full: 9999px;
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-base: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --transition-duration-75: 75ms;
  --transition-duration-100: 100ms;
  --transition-duration-150: 150ms;
  --transition-duration-200: 200ms;
  --transition-duration-300: 300ms;
  --transition-duration-500: 500ms;
  --transition-duration-700: 700ms;
  --transition-duration-1000: 1000ms;
  --transition-timing-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --transition-timing-ease-in: cubic-bezier(0.4, 0, 1, 1);
  --transition-timing-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --transition-timing-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --zIndex-0: 0;
  --zIndex-10: 10;
  --zIndex-20: 20;
  --zIndex-30: 30;
  --zIndex-40: 40;
  --zIndex-50: 50;
  --zIndex-999: 999;
  --zIndex-auto: auto;
  /* components/button.json */
  --button-padding-vertical-sm: {spacing.scale.1.5};
  --button-padding-vertical-md: {spacing.scale.2.5};
  --button-padding-vertical-lg: {spacing.scale.2.5};
  --button-padding-horizontal-sm: {spacing.scale.3};
  --button-padding-horizontal-md: {spacing.scale.4};
  --button-padding-horizontal-lg: {spacing.scale.8};
  --button-height-sm: 2.75rem;
  --button-height-md: 3.5rem;
  --button-height-lg: 4rem;
  --button-fontSize-sm: {font.size.sm};
  --button-fontSize-md: {font.size.base};
  --button-fontSize-lg: {font.size.lg};
  --button-borderRadius: {border.radius.brand};
  --button-borderWidth: {border.width.1};
  --button-letterSpacing: {font.letterSpacing.widest};
  --button-fontWeight: {font.weight.normal};
  --button-transition-duration: {transition.duration.200};
  --button-transition-timing: {transition.timing.ease};
  --button-gap: {spacing.fluid.hero-button-gap};
}