/* AUTO-GENERATED from design-tokens/tokens.json — do not edit by hand. */
:root {
	/* palette */
	--sk-berry: #930018;
	--sk-cocoa: #40000f;
	--sk-crown: #e31f26;
	--sk-strawberry: #ffadb0;
	--sk-whey: #fff9ef;
	--sk-wellness: #d0fca1;
	--sk-recovery: #d6e0ff;
	--sk-mid-blue: #b5c7ff;
	--sk-movement: #ffdee5;
	--sk-blueberry: #9bb4ff;
	--sk-veggie: #b7eb7f;
	--sk-white: #ffffff;

	/* ui */
	--sk-ui-gray: #6b6560;
	--sk-ui-inactive: #8d8d8d;
	--sk-ui-border: #d4bdbd;
	--sk-ui-line: #e8d5d5;
	--sk-ui-tabs-inactive: #92979b;
	--sk-ui-tab-inactive: #c9a9a9;
	--sk-ui-dropdown-border: #c9a0a0;
	--sk-ui-scrollbar: #e8c4c4;
	--sk-ui-line-tooltip: #dcdcdc;
	--sk-ui-map: #c8c8c8;
	--sk-ui-disabled-inside: #98948e;
	--sk-ui-disabled-outside: #a7a59f;
	--sk-ui-tag-inactive: #767676;
	--sk-ui-footer-divider: #c17b7b;
	--sk-ui-matte: #000000;
	--sk-ui-neutral-75: #404040;

	/* semantic */
	--sk-text-body: var(--sk-cocoa);
	--sk-text-on-dark: var(--sk-white);
	--sk-text-muted: var(--sk-ui-gray);
	--sk-text-header: var(--sk-cocoa);
	--sk-text-footer: var(--sk-cocoa);
	--sk-text-crown: var(--sk-crown);
	--sk-surface-page: var(--sk-whey);
	--sk-surface-header: rgba(255, 249, 239, 1);
	--sk-surface-footer: var(--sk-movement);
	--sk-surface-footer-bottom: var(--sk-cocoa);
	--sk-surface-row: var(--sk-whey);
	--sk-surface-card: var(--sk-white);
	--sk-link: var(--sk-cocoa);
	--sk-link-hover: var(--sk-crown);
	--sk-border-default: var(--sk-ui-border);
	--sk-border-line: var(--sk-ui-line);
	--sk-border-active: var(--sk-berry);
	--sk-button-bg: var(--sk-berry);
	--sk-button-color: var(--sk-white);
	--sk-button-bg-hover: #c41a20;
	--sk-form-bg: var(--sk-white);
	--sk-form-border: var(--sk-ui-border);
	--sk-form-border-placeholder: var(--sk-ui-line);
	--sk-form-text-active: var(--sk-cocoa);
	--sk-form-text-muted: var(--sk-ui-gray);
	--sk-placeholder: var(--sk-ui-gray);

	/* radius */
	--sk-radius-xs: 8px;
	--sk-radius-sm: 14px;
	--sk-radius-md: 16px;
	--sk-radius-lg: 30px;
	--sk-radius-xl: 45px;
	--sk-radius-2xl: 60px;
	--sk-radius-pill: var(--sk-radius-2xl);

	/* space */
	--sk-space-card-mobile: 16px;
	--sk-space-card-desktop: 20px;
	--sk-space-card: var(--sk-space-card-desktop);
	--sk-space-stack-mobile: 30px;
	--sk-space-stack-desktop: 35px;
	--sk-space-stack: var(--sk-space-stack-desktop);
	--sk-space-pad-mobile: 30px;
	--sk-space-pad-desktop: 40px;
	--sk-space-pad: var(--sk-space-pad-desktop);
	--sk-space-horizontal: 30px;
	--sk-space-section-mobile: 100px;
	--sk-space-section-desktop: 150px;
	--sk-space-section: var(--sk-space-section-desktop);

	/* type */
	--sk-fs-h1: 4.875rem;
	--sk-lh-h1: 5.5rem;
	--sk-fs-h1-m: 2.375rem;
	--sk-lh-h1-m: 2.625rem;
	--sk-fs-h2: 3.125rem;
	--sk-lh-h2: 3.875rem;
	--sk-fs-h2-m: 1.75rem;
	--sk-lh-h2-m: 2.1875rem;
	--sk-fs-h3: 2rem;
	--sk-lh-h3: 2.25rem;
	--sk-fs-h3-m: 1.5rem;
	--sk-lh-h3-m: 2.25rem;
	--sk-fs-h4: 1.5rem;
	--sk-lh-h4: 1.625rem;
	--sk-fs-h4-m: 1.25rem;
	--sk-lh-h4-m: 1.5rem;
	--sk-fs-h5: 1rem;
	--sk-lh-h5: 1.875rem;
	--sk-fs-body-lg: 1.5rem;
	--sk-lh-body-lg: 2rem;
	--sk-fs-body-md: 1.25rem;
	--sk-lh-body-md: 1.625rem;
	--sk-fs-body-sm: 1rem;
	--sk-lh-body-sm: 1.25rem;
	--sk-fs-tag: 1.125rem;
	--sk-lh-tag: 1.25rem;
	--sk-ls-tag: 0.111em;

	/* shadow */
	--sk-shadow-default: 0 0 27px 0 rgba(64, 0, 15, 0.12);

	/* layout */
	--header-z: 200;
	--header-scroll-breakpoint: 2px;

}