:root {
	--he-hsl-background: 0 0% 100%;
	--he-hsl-foreground: 0 0% 3.9%;
	--he-hsl-card: 0 0% 100%;
	--he-hsl-card-foreground: 0 0% 3.9%;
	--he-hsl-popover: 0 0% 100%;
	--he-hsl-popover-foreground: 0 0% 3.9%;
	--he-hsl-primary: 0 0% 9%;
	--he-hsl-primary-foreground: 0 0% 98%;
	--he-hsl-secondary: 0 0% 96.1%;
	--he-hsl-secondary-foreground: 0 0% 9%;
	--he-hsl-muted: 0 0% 96.1%;
	--he-hsl-muted-foreground: 0 0% 45.1%;
	--he-hsl-accent: 0 0% 96.1%;
	--he-hsl-accent-foreground: 0 0% 9%;
	--he-hsl-border: 0 0% 89.8%;
	--he-hsl-input: 0 0% 89.8%;
	--he-hsl-ring: 0 0% 3.9%;

	--he-color-background: #ffffff;
	--he-color-foreground: #0a0a0a;
	--he-color-primary: #171717;
	--he-color-primary-foreground: #ffffff;
	--he-color-heading: #111827;
	--he-color-text-dark: #374151;
	--he-color-text-secondary: #4b5563;
	--he-color-text-muted: #6b7280;
	--he-color-placeholder: #9ca3af;
	--he-color-border: #e5e5e5;
	--he-color-border-light: #e5e7eb;
	--he-color-surface-gray: #f9fafb;
	--he-color-surface-soft: #f3f4f6;
	--he-color-surface-amber: #fffbeb;
	--he-color-surface-amber-soft: #fef3c7;
	--he-color-amber: #b45309;
	--he-color-amber-mid: #d97706;
	--he-color-amber-dark: #92400e;
	--he-color-gold: #fbbf24;
	--he-color-header-backdrop: rgba(255, 255, 255, 0.95);
	--he-color-footer-chip: #1f2937;
	--he-color-scrollbar-track: #f1f1f1;
	--he-color-scrollbar-thumb: #c4b5a0;
	--he-color-scrollbar-thumb-hover: #6b4e37;

	--he-font-heading: "Cormorant Garamond", serif;
	--he-font-body: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;

	--he-space-2: 2px;
	--he-space-4: 4px;
	--he-space-6: 6px;
	--he-space-8: 8px;
	--he-space-10: 10px;
	--he-space-12: 12px;
	--he-space-16: 16px;
	--he-space-20: 20px;
	--he-space-24: 24px;
	--he-space-28: 28px;
	--he-space-32: 32px;
	--he-space-40: 40px;
	--he-space-48: 48px;
	--he-space-64: 64px;
	--he-space-80: 80px;
	--he-space-96: 96px;
	--he-media-card-height: clamp(16rem, 42vw, 24rem);
	--he-media-card-aspect-ratio: 4 / 5;

	--he-radius-base: 0.5rem;

	--he-type-logo-wordmark-size: 24px;
	--he-type-logo-wordmark-line-height: 32px;
	--he-type-logo-tagline-size: 12px;
	--he-type-logo-tagline-line-height: 16px;
	--he-type-logo-tagline-letter-spacing: 1.2px;
	--he-type-nav-size: 14px;
	--he-type-nav-line-height: 20px;
	--he-type-nav-letter-spacing: 0.7px;
	--he-type-display-size: 72px;
	--he-type-display-line-height: 72px;
	--he-type-display-mobile-size: 48px;
	--he-type-display-mobile-line-height: 60px;
	--he-type-page-title-size: 60px;
	--he-type-page-title-line-height: 60px;
	--he-type-section-title-size: 48px;
	--he-type-section-title-line-height: 48px;
	--he-type-section-title-mobile-size: 36px;
	--he-type-section-title-mobile-line-height: 40px;
	--he-type-card-title-size: 20px;
	--he-type-card-title-line-height: 28px;
	--he-type-footer-heading-size: 18px;
	--he-type-footer-heading-line-height: 28px;
	--he-type-footer-heading-letter-spacing: 0.9px;
	--he-type-body-large-size: 20px;
	--he-type-body-large-line-height: 28px;
	--he-type-body-size: 18px;
	--he-type-body-line-height: 28px;
	--he-type-body-small-size: 14px;
	--he-type-body-small-line-height: 20px;
	--he-type-testimonial-quote-size: 16px;
	--he-type-testimonial-quote-line-height: 26px;
	--he-type-testimonial-author-size: 16px;
	--he-type-testimonial-author-line-height: 24px;
	--he-type-button-size: 14px;
	--he-type-button-line-height: 20px;
	--he-type-label-size: 14px;
	--he-type-label-line-height: 14px;
	--he-type-caption-size: 12px;
	--he-type-caption-line-height: 16px;
	--he-type-caption-letter-spacing: 1.2px;
}

html[data-theme="light"] {
	color-scheme: light;
}

html[data-theme="dark"] {
	color-scheme: dark;
	--he-color-background: #12161a;
	--he-color-foreground: #f4ede3;
	--he-color-primary: #f8ead3;
	--he-color-primary-foreground: #1b140c;
	--he-color-heading: #fff4df;
	--he-color-text-dark: #ebdfcd;
	--he-color-text-secondary: #d0c0ac;
	--he-color-text-muted: #ae9e8b;
	--he-color-placeholder: #877867;
	--he-color-border: #3b3229;
	--he-color-border-light: #514436;
	--he-color-surface-gray: #171b20;
	--he-color-surface-soft: #1d2329;
	--he-color-surface-amber: rgba(180, 83, 9, 0.14);
	--he-color-surface-amber-soft: rgba(251, 191, 36, 0.18);
	--he-color-amber: #eda543;
	--he-color-amber-mid: #f5ba62;
	--he-color-amber-dark: #cc7d18;
	--he-color-gold: #ffd672;
	--he-color-header-backdrop: rgba(12, 15, 18, 0.92);
	--he-color-footer-chip: #0f1216;
	--he-color-scrollbar-track: #1a1f24;
	--he-color-scrollbar-thumb: #6f5536;
	--he-color-scrollbar-thumb-hover: #9b7a4c;
}

body {
	transition: background-color 0.25s ease, color 0.25s ease;
}

::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
	background: var(--he-color-scrollbar-track);
}

::-webkit-scrollbar-thumb {
	background: var(--he-color-scrollbar-thumb);
	border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
	background: var(--he-color-scrollbar-thumb-hover);
}