@layer Root {
	:root {
		--theme-mode: light dark;

		/* MARK — Static */
		--static-screen-padding-: 10px;
		--static-hover-scale----: 1.05;
		--static-hover-opacity--: 0.65;
		--static-active-scale---: 0.95;
		--static-disable-opacity: 0.25;
		--static-border-radius--: var(--size-5-10);

		/* MARK — Breakpoints */
		--break-mob-min: 320px;
		--break-mob-max: 640px;
		--break-shd-min: 640px;
		--break-shd-max: 1280px;
		--break-mhd-min: 1280px;
		--break-mhd-max: 1920px;
		--break-fhd-min: 1920px;
		--break-fhd-max: 2560px;
		--break-2k0-min: 2560px;
		--break-2k0-max: 3840px;
		--break-4k0-min: 3840px;
		--break-4k0-max: 7680px;
		--break-8k0-min: 3840px;
		--break-8k0-max: 100lvw;

		/* MARK — Font */
		--f-family-fall-: system-ui;
		--f-family-serif: serif;
		--f-family-sans-: sans-serif;
		--f-family-base-: "Inconsolata", var(--f-family-serif), var(--f-family-fall-);

		--size-font--6: clamp(1.7739rem, 0.7138rem + 5.3003vw, 4.2915rem);
		--size-font--5: clamp(1.5768rem, 0.7951rem + 3.9083vw, 3.4332rem);
		--size-font--4: clamp(1.4016rem, 0.8353rem + 2.8316vw, 2.7466rem);
		--size-font--3: clamp(1.2458rem, 0.8453rem + 2.003vw, 2.1973rem);
		--size-font--2: clamp(1.1074rem, 0.8336rem + 1.3692vw, 1.7578rem);
		--size-font--1: clamp(0.9844rem, 0.8067rem + 0.8882vw, 1.4063rem);
		--size-font--0: clamp(0.875rem, 0.7697rem + 0.5263vw, 1.125rem);
		--size-font-i1: clamp(0.7778rem, 0.7263rem + 0.2573vw, 0.9rem);

		/* MARK — Size */
		--size-30-100: clamp(30px, 0.5263px + 9.2105vw, 100px);
		--size-30-90: clamp(30px, 4.7368px + 7.8947vw, 90px);
		--size-30-80: clamp(30px, 8.9474px + 6.5789vw, 80px);
		--size-30-70: clamp(30px, 13.1579px + 5.2632vw, 70px);
		--size-30-60: clamp(30px, 17.3684px + 3.9474vw, 60px);
		--size-30-50: clamp(30px, 21.5789px + 2.6316vw, 50px);
		--size-30-40: clamp(30px, 25.7895px + 1.3158vw, 40px);
		--size-30-30: clamp(30px, 30px + 0vw, 30px);
		--size-30-20: clamp(20px, 34.2105px + -1.3158vw, 30px);
		--size-30-10: clamp(10px, 38.4211px + -2.6316vw, 30px);
		--size-30-0: clamp(0px, 42.6316px + -3.9474vw, 30px);

		--size-20-100: clamp(20px, -13.6842px + 10.5263vw, 100px);
		--size-20-90: clamp(20px, -9.4737px + 9.2105vw, 90px);
		--size-20-80: clamp(20px, -5.2632px + 7.8947vw, 80px);
		--size-20-70: clamp(20px, -1.0526px + 6.5789vw, 70px);
		--size-20-60: clamp(20px, 3.1579px + 5.2632vw, 60px);
		--size-20-50: clamp(20px, 7.3684px + 3.9474vw, 50px);
		--size-20-40: clamp(20px, 11.5789px + 2.6316vw, 40px);
		--size-20-30: clamp(20px, 15.7895px + 1.3158vw, 30px);
		--size-20-20: clamp(20px, 20px + 0vw, 20px);
		--size-20-10: clamp(10px, 24.2105px + -1.3158vw, 20px);
		--size-20-0: clamp(0px, 28.4211px + -2.6316vw, 20px);

		--size-10-100: clamp(10px, -27.8947px + 11.8421vw, 100px);
		--size-10-90: clamp(10px, -23.6842px + 10.5263vw, 90px);
		--size-10-80: clamp(10px, -19.4737px + 9.2105vw, 80px);
		--size-10-70: clamp(10px, -15.2632px + 7.8947vw, 70px);
		--size-10-60: clamp(10px, -11.0526px + 6.5789vw, 60px);
		--size-10-50: clamp(10px, -6.8421px + 5.2632vw, 50px);
		--size-10-40: clamp(10px, -2.6316px + 3.9474vw, 40px);
		--size-10-30: clamp(10px, 1.5789px + 2.6316vw, 30px);
		--size-10-20: clamp(10px, 5.7895px + 1.3158vw, 20px);
		--size-10-10: clamp(10px, 10px + 0vw, 10px);
		--size-10-0: clamp(0px, 14.2105px + -1.3158vw, 10px);

		--size-5-100: clamp(5px, -35px + 12.5vw, 100px);
		--size-5-90: clamp(5px, -30.7895px + 11.1842vw, 90px);
		--size-5-80: clamp(5px, -26.5789px + 9.8684vw, 80px);
		--size-5-70: clamp(5px, -22.3684px + 8.5526vw, 70px);
		--size-5-60: clamp(5px, -18.1579px + 7.2368vw, 60px);
		--size-5-50: clamp(5px, -13.9474px + 5.9211vw, 50px);
		--size-5-40: clamp(5px, -9.7368px + 4.6053vw, 40px);
		--size-5-30: clamp(5px, -5.5263px + 3.2895vw, 30px);
		--size-5-20: clamp(5px, -1.3158px + 1.9737vw, 20px);
		--size-5-10: clamp(5px, 2.8947px + 0.6579vw, 10px);
		--size-5-0: clamp(0px, 7.1053px + -0.6579vw, 5px);

		--size-0-100: clamp(0px, -42.1053px + 13.1579vw, 100px);
		--size-0-90: clamp(0px, -37.8947px + 11.8421vw, 90px);
		--size-0-80: clamp(0px, -33.6842px + 10.5263vw, 80px);
		--size-0-70: clamp(0px, -29.4737px + 9.2105vw, 70px);
		--size-0-60: clamp(0px, -25.2632px + 7.8947vw, 60px);
		--size-0-50: clamp(0px, -21.0526px + 6.5789vw, 50px);
		--size-0-40: clamp(0px, -16.8421px + 5.2632vw, 40px);
		--size-0-30: clamp(0px, -12.6316px + 3.9474vw, 30px);
		--size-0-20: clamp(0px, -8.4211px + 2.6316vw, 20px);
		--size-0-10: clamp(0px, -4.2105px + 1.3158vw, 10px);
		--size-0-0: clamp(0px, 0px + 0vw, 0px);

		/* MARK — Typography */
		--type-base-h1-----fonts: 600 var(--size-font--6) / 120% var(--f-family-base-);
		--type-base-h1-----space: 0em;
		--type-base-h2-----fonts: 600 var(--size-font--5) / 120% var(--f-family-base-);
		--type-base-h2-----space: 0em;
		--type-base-h3-----fonts: 600 var(--size-font--4) / 120% var(--f-family-base-);
		--type-base-h3-----space: 0em;
		--type-base-h4-----fonts: 600 var(--size-font--3) / 120% var(--f-family-base-);
		--type-base-h4-----space: 0em;
		--type-base-h5-----fonts: 600 var(--size-font--2) / 120% var(--f-family-base-);
		--type-base-h5-----space: 0em;
		--type-base-h6-----fonts: 500 var(--size-font--1) / 120% var(--f-family-base-);
		--type-base-h6-----space: 0em;
		--type-base-body---fonts: 400 var(--size-font--0) / 120% var(--f-family-base-);
		--type-base-body---space: 0em;
		--type-base-tag----fonts: 400 var(--size-font-i1) / 120% var(--f-family-base-);
		--type-base-tag----space: 0em;

		/* MARK — Palette: Brand */
		--color-red------: #e82425;
		--color-blue-----: #1a52f5;
		--color-purple---: #6200b3;
		--color-green----: #39c66c;
		--color-yellow---: #ffae0e;

		/* MARK — Palette: Neutral */
		--color-iron-----: #d9d9d9;
		--color-pastel---: #cccccc;
		--color-flint----: #969696;
		--color-coal-----: #323232;
		--color-night----: #0f0f0f;

		/* MARK — Palette: Basic */
		--color-white----: #ffffff;
		--color-black----: #000000;
		--color-pending--: #ff0055;
		--color-trans----: transparent;

		/* MARK — Gradient */
		--gradient-unnamed: linear-gradient(90deg, var(--color-white----) 0%, var(--color-black----) 100%);

		/* MARK — Border */
		--border-unnamed: 1px solid var(--color-black----);

		/* MARK — Shadow */
		--client-shadow-base: 0 15px 15px -10px rgba(0, 0, 0, 0.5);
		--client-shadow-soft: 0 15px 15px -10px rgba(0, 0, 0, 0.3);
		--client-shadow-hard: 0 15px 15px -10px rgba(0, 0, 0, 0.7);

		/* MARK — Spacing */
		--space-unnamed: 0px;

		/* MARK — Strata */
		--strata-atlas--back---: calc(1e5); /* 100_000 */
		--strata-baldur-base---: calc(2e5); /* 200_000 */
		--strata-chaos--low----: calc(3e5); /* 300_000 */
		--strata-deimos-medium-: calc(4e5); /* 400_000 */
		--strata-echo---high---: calc(5e5); /* 500_000 */
		--strata-fenrir-dialog-: calc(6e5); /* 600_000 */
		--strata-garuda-overlay: calc(7e5); /* 700_000 */
		--strata-hades--modal--: calc(8e5); /* 800_000 */
		--strata-indra--tooltip: calc(9e5); /* 900_000 */

		/* MARK — Outline */
		--outline-off--: 4px;
		--outline-size-: 2px;
		--outline-type-: solid;
		--outline-color: var(--color-purple---);
		--outline-basis: var(--outline-size-) var(--outline-type-) var(--outline-color);

		/* MARK — Transition */
		--trans-fast---: 100ms ease-in-out allow-discrete;
		--trans-basis--: 300ms ease-in-out allow-discrete;
		--trans-smooth-: 500ms ease-in-out allow-discrete;
		--trans-slow---: 1500ms ease-in-out allow-discrete;

		--trans-color-fore---: color var(--trans-basis--);
		--trans-color-back---: background-color var(--trans-basis--);
		--trans-color-border-: border-color var(--trans-basis--);

		--trans-opacity---: opacity var(--trans-basis--);
		--trans-scale-----: scale var(--trans-smooth-);
		--trans-scale-fast: scale var(--trans-fast---);
		--trans-translate-: translate var(--trans-smooth-);
		--trans-rotate----: rotate var(--trans-smooth-);

		--trans-out-width-: outline-width var(--trans-basis--);
		--trans-out-color-: outline-color var(--trans-basis--);
		--trans-out-off---: outline-offset var(--trans-basis--);
		--trans-out-all---: var(--trans-out-width-), var(--trans-out-color-), var(--trans-out-off---);

		--trans-mbs: margin-block-start var(--trans-basis--);
		--trans-mbe: margin-block-end var(--trans-basis--);
		--trans-mis: margin-inline-start var(--trans-basis--);
		--trans-mie: margin-inline-end var(--trans-basis--);
		--trans-pbs: padding-block-start var(--trans-basis--);
		--trans-pbe: padding-block-end var(--trans-basis--);
		--trans-pis: padding-inline-start var(--trans-basis--);
		--trans-pie: padding-inline-end var(--trans-basis--);
		--trans-ibs: inset-block-start var(--trans-basis--);
		--trans-ibe: inset-block-end var(--trans-basis--);
		--trans-iis: inset-inline-start var(--trans-basis--);
		--trans-iie: inset-inline-end var(--trans-basis--);
	}
}