:root {
	/* --theme-mode: light dark; */
	--theme-mode: unset;

	/* MARK :: Root :: Static */
	--static-header-height: max-content;
	--static-basic-space: 30px;
	--gutter---atlas----: 20px;
	--gutter---baldur---: 30px;
	--gutter---chaos----: 40px;
	--gutter---deimos---: 50px;
	--gutter---echo-----: 60px;
	--gutter---fenrir---: 80px;
	--gutter---fluid: clamp(
		var(--gutter---atlas----),
		var(--gutter-size),
		var(--gutter---fenrir---)
	);

	/* MARK :: Root :: Font */
	--f-family-fall-: system-ui;
	--f-family-serif: serif;
	--f-family-sans-: sans-serif;
	--f-family-base-: var(--f-family-sans-), var(--f-family-fall-);
	--f-family-alt--: var(--f-family-serif), var(--f-family-fall-);

	--ff-size-50-60: clamp(50px, 46.3636px + 1.1364vw, 60px);
	--ff-size-46-52: clamp(46px, 43.8182px + 0.6818vw, 52px);
	--ff-size-34-40: clamp(34px, 31.8182px + 0.6818vw, 40px);
	--ff-size-26-30: clamp(26px, 24.5455px + 0.4545vw, 30px);
	--ff-size-22-24: clamp(22px, 21.2727px + 0.2273vw, 24px);
	--ff-size-18-20: clamp(18px, 17.2727px + 0.2273vw, 20px);
	--ff-size-14-18: clamp(14px, 12.5455px + 0.4545vw, 18px);

	--ff-pending----: 16px;

	/* MARK :: Root :: Sizes */
	--size-80-40: clamp(40px, 94.5455px + -4.5455vw, 80px);
	--size-80-20: clamp(20px, 101.8182px + -6.8182vw, 80px);
	--size-80-10: clamp(10px, 105.4545px + -7.9545vw, 80px);
	--size-80-0: clamp(0px, 109.0909px + -9.0909vw, 80px);
	--size-40-80: clamp(40px, 25.4545px + 4.5455vw, 80px);
	--size-40-20: clamp(20px, 47.2727px + -2.2727vw, 40px);
	--size-40-10: clamp(10px, 50.9091px + -3.4091vw, 40px);
	--size-40-0: clamp(0px, 54.5455px + -4.5455vw, 40px);
	--size-20-80: clamp(20px, -1.8182px + 6.8182vw, 80px);
	--size-20-40: clamp(20px, 12.7273px + 2.2727vw, 40px);
	--size-20-10: clamp(10px, 23.6364px + -1.1364vw, 20px);
	--size-20-0: clamp(0px, 27.2727px + -2.2727vw, 20px);
	--size-10-80: clamp(10px, -15.4545px + 7.9545vw, 80px);
	--size-10-40: clamp(10px, -0.9091px + 3.4091vw, 40px);
	--size-10-20: clamp(10px, 6.3636px + 1.1364vw, 20px);
	--size-10-0: clamp(0px, 13.6364px + -1.1364vw, 10px);
	--size-0-80: clamp(0px, -29.0909px + 9.0909vw, 80px);
	--size-0-40: clamp(0px, -14.5455px + 4.5455vw, 40px);
	--size-0-20: clamp(0px, -7.2727px + 2.2727vw, 20px);
	--size-0-10: clamp(0px, -3.6364px + 1.1364vw, 10px);

	/* MARK :: Root :: Typography */
	/* FAMILY: BASE */
	--type-base-h1-----fonts: 600 var(--ff-size-50-60) / 140% var(--f-family-base-);
	--type-base-h1-----space: 0em;
	--type-base-h2-----fonts: 600 var(--ff-size-46-52) / 140% var(--f-family-base-);
	--type-base-h2-----space: 0em;
	--type-base-h3-----fonts: 600 var(--ff-size-34-40) / 140% var(--f-family-base-);
	--type-base-h3-----space: 0em;
	--type-base-h4-----fonts: 600 var(--ff-size-26-30) / 140% var(--f-family-base-);
	--type-base-h4-----space: 0em;
	--type-base-h5-----fonts: 600 var(--ff-size-22-24) / 140% var(--f-family-base-);
	--type-base-h5-----space: 0em;
	--type-base-h6-----fonts: 600 var(--ff-size-18-20) / 140% var(--f-family-base-);
	--type-base-h6-----space: 0em;
	--type-base-body---fonts: 400 var(--ff-size-14-18) / 140% var(--f-family-base-);
	--type-base-body---space: 0em;

	/* FAMILY: ALT */
	--type-alt--h1-----fonts: 600 var(--ff-size-50-60) / 140% var(--f-family-alt--);
	--type-alt--h1-----space: 0em;
	--type-alt--h2-----fonts: 600 var(--ff-size-46-52) / 140% var(--f-family-alt--);
	--type-alt--h2-----space: 0em;
	--type-alt--h3-----fonts: 600 var(--ff-size-34-40) / 140% var(--f-family-alt--);
	--type-alt--h3-----space: 0em;
	--type-alt--h4-----fonts: 600 var(--ff-size-26-30) / 140% var(--f-family-alt--);
	--type-alt--h4-----space: 0em;
	--type-alt--h5-----fonts: 600 var(--ff-size-22-24) / 140% var(--f-family-alt--);
	--type-alt--h5-----space: 0em;
	--type-alt--h6-----fonts: 600 var(--ff-size-18-20) / 140% var(--f-family-alt--);
	--type-alt--h6-----space: 0em;
	--type-alt--body---fonts: 400 var(--ff-size-14-18) / 140% var(--f-family-alt--);
	--type-alt--body---space: 0em;

	/* MARK :: Root :: Colors :: Palette */
	--color-trans----: transparent;
	--color-pending--: #ff0055;
	--color-black----: #000000;
	--color-white----: #ffffff;

	/* MARK :: Root :: Colors :: Elements */
	--color-base-foreground: var(--color-white----);
	--color-base-background: var(--color-black----);
	--color-link-light-foreground: var(--color-pending--);
	--color-link-light-hover-----: var(--color-pending--);
	--color-link-light-active----: var(--color-pending--);
	--color-link-dark--foreground: var(--color-pending--);
	--color-link-dark--hover-----: var(--color-pending--);
	--color-link-dark--active----: var(--color-pending--);
	--color-list-marker: var(--color-pending--);
	--color-quote-foreground: var(--color-pending--);
	--color-quote-background: var(--color-pending--);
	--color-quote-accent----: var(--color-pending--);
	--color-code-foreground: var(--color-pending--);
	--color-code-background: var(--color-pending--);
	--color-code-accent----: var(--color-pending--);
	--color-separator: var(--color-pending--);
	--color-plugin-cky-revisit: var(--color-pending--);
	--color-plugin-cky-desc---: var(--color-pending--);
	--color-plugin-cky-always-: var(--color-pending--);

	/* MARK :: Root :: Gradients */
	--gradient-unnamed: linear-gradient(
		90deg,
		var(--color-white----) 0%,
		var(--color-white----) 100%
	);

	/* MARK :: Root :: Borders */
	--border-unnamed: 1px solid var(--color-black----);

	/* MARK :: Root :: Shadows */
	--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.25);
	--client-shadow-hard: 0 15px 15px -10px rgba(0, 0, 0, 0.75);

	/* MARK :: Root :: Spacing */
	--space-unnamed: 0px;

	/* MARK :: Root :: 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 :: Root :: Outline */
	--outline-off--: 4px;
	--outline-size-: 2px;
	--outline-type-: solid;
	--outline-color: var(--color-plumlink-);
	--outline-basis: var(--outline-size-) var(--outline-type-) var(--outline-color);

	/* MARK :: Root :: Transitions */
	--transition-fast: 100ms ease-in-out allow-discrete;
	--transition-basis: 300ms ease-in-out allow-discrete;
	--transition-smooth: 500ms ease-in-out allow-discrete;
	--transition-slow: 1500ms ease-in-out allow-discrete;
	--transition-color-foreground: color var(--transition-basis);
	--transition-color-background: background-color var(--transition-basis);
	--transition-color-border: border-color var(--transition-basis);
	--transition-color-outline: outline-color var(--transition-basis);
	--transition-color-fill: fill var(--transition-basis);
	--transition-color-stroke: stroke var(--transition-basis);
	--transition-opacity: opacity var(--transition-basis);
	--transition-scale: scale var(--transition-smooth);
	--transition-translate: translate var(--transition-smooth);
	--transition-rotate: rotate var(--transition-smooth);
	--transition-filter: filter var(--transition-basis);
	--transition-width: width var(--transition-basis);
	--transition-width-border: border-width var(--transition-fast);
	--transition-height: height var(--transition-basis);
	--transition-height-max: max-height var(--transition-basis);
	--transition-mbs: margin-block-start var(--transition-basis);
	--transition-mbe: margin-block-end var(--transition-basis);
	--transition-mis: margin-inline-start var(--transition-basis);
	--transition-mie: margin-inline-end var(--transition-basis);
	--transition-pbs: padding-block-start var(--transition-basis);
	--transition-pbe: padding-block-end var(--transition-basis);
	--transition-pis: padding-inline-start var(--transition-basis);
	--transition-pie: padding-inline-end var(--transition-basis);
	--transition-ibs: inset-block-start var(--transition-basis);
	--transition-ibe: inset-block-end var(--transition-basis);
	--transition-iis: inset-inline-start var(--transition-basis);
	--transition-iie: inset-inline-end var(--transition-basis);
}
