/* Feat: Text, Headings, & Spacing */
:root {
  --root-font-size: 100%;
}

/* Feat: Palette */
:root {
  --primary: oklch(43.7366736504% 0.1138442147 358.4120130131deg);
  --primary-hover: oklch(50.3% 0.114 358.4120130131deg);
  --primary-ultra-light: oklch(95.5842106439% 0.032 358.4029848373deg);
  --primary-light: oklch(86.5370620314% 0.104 358.4117296611deg);
  --primary-semi-light: oklch(68.5796482349% 0.114 358.4120130131deg);
  --primary-semi-dark: oklch(43.7366733925% 0.114 358.4120130131deg);
  --primary-dark: oklch(34.8658927037% 0.114 358.4120130131deg);
  --primary-ultra-dark: oklch(20.2736205598% 0.093 358.4120130131deg);
  --base: oklch(27.8% 0.03 257deg);
  --base-hover: oklch(99.9999993474% 0.0000000373 89.8755630959deg);
  --base-ultra-light: oklch(98.4151863083% 0.0034126652 247.8575439807deg);
  --base-light: oklch(87.5877514484% 0.0192281471 255.5424046328deg);
  --base-semi-light: oklch(70.6051977481% 0.0487604863 256.4991987451deg);
  --base-semi-dark: oklch(44.4687601062% 0.0546038076 256.569794777deg);
  --base-dark: oklch(35.630383643% 0.041694335 256.8575413608deg);
  --base-ultra-dark: oklch(20.733171809% 0.0201945018 258.3394540548deg);
  --white: #fff;
  --black: #000;
  --danger: oklch(51.0444385423% 0.1248929588 16.1884180362deg);
  --danger-hover: oklch(58.7% 0.125 16.1884180362deg);
  --danger-ultra-light: oklch(94.890923143% 0.033 16.1878730709deg);
  --danger-light: oklch(85.1100621652% 0.106 16.1880843325deg);
  --danger-semi-light: oklch(66.9204088144% 0.125 16.1884180362deg);
  --danger-semi-dark: oklch(44.3308315837% 0.125 16.1884180362deg);
  --danger-dark: oklch(25.1390153083% 0.113 16.1962663446deg);
  --danger-ultra-dark: oklch(19.9475246925% 0.09 16.2021378177deg);
  --warning: oklch(54.4130113319% 0.102634617 72.5177967006deg);
  --warning-hover: oklch(62.6% 0.103 72.5177967006deg);
  --warning-ultra-light: oklch(98.1458515886% 0.018 72.5177967006deg);
  --warning-light: oklch(94.4838278364% 0.054 72.5288979838deg);
  --warning-semi-light: oklch(87.9894906882% 0.103 72.5177967006deg);
  --warning-semi-dark: oklch(64.6156641538% 0.103 72.5177967006deg);
  --warning-dark: oklch(35.7026945024% 0.088 72.5145756004deg);
  --warning-ultra-dark: oklch(27.6080880128% 0.068 72.5121948891deg);
  --info: oklch(46.8699545804% 0.067259315 241.8654290651deg);
  --info-hover: oklch(53.9% 0.067 241.8654290651deg);
  --info-ultra-light: oklch(97.0459095355% 0.017 241.842218264deg);
  --info-light: oklch(91.6430991585% 0.049 241.8654290651deg);
  --info-semi-light: oklch(82.1061142168% 0.067 241.8654290651deg);
  --info-semi-dark: oklch(58.8648937409% 0.067 241.8654290651deg);
  --info-dark: oklch(32.8409672238% 0.067 241.8654290651deg);
  --info-ultra-dark: oklch(25.5557161073% 0.067 241.8654290651deg);
  --success: oklch(48.7541958909% 0.0657981156 156.0560153071deg);
  --success-hover: oklch(56.1% 0.066 156.0560153071deg);
  --success-ultra-light: oklch(96.9974804517% 0.051 156.0560153071deg);
  --success-light: oklch(91.2618346424% 0.066 156.0560153071deg);
  --success-semi-light: oklch(80.875140736% 0.066 156.0560153071deg);
  --success-semi-dark: oklch(57.4525337529% 0.066 156.0560153071deg);
  --success-dark: oklch(32.2248710747% 0.066 156.0560153071deg);
  --success-ultra-dark: oklch(25.0529962466% 0.066 156.0560153071deg);
}

/* Feat: Default Section Styles */
:root {
  --content-width: 77rem;
  --content-width-safe: min(var(--content-width), calc(100% - var(--gutter) * 2));
}

/* Feat: Focus Styles */
:root {
  --focus-color: var(--primary);
  --focus-width: 2px;
  --focus-offset: 2px;
}

/* Feat: Text Defaults */
:root {
  --text-xxl-max-width: 100%;
  --text-xl-max-width: 100%;
  --text-l-max-width: 100%;
  --text-m-line-height: calc(6px + 2ex);
  --text-m-max-width: 100%;
  --text-s-max-width: 100%;
  --text-xs-max-width: 100%;
  --base-text-lh: calc(6px + 2ex);
  --text-font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --text-color: var(--text-dark);
  --text-line-height: calc(6px + 2ex);
  --text-text-wrap: pretty;
}

/* Feat: Heading Defaults */
:root {
  --heading-font-family: 'Work Sans', ui-sans-serif, system-ui, -apple-system, sans-serif;;
  --heading-line-height: calc(4px + 2ex);
  --heading-font-weight: 700;
  --heading-text-wrap: wrap;
  --base-heading-lh: calc(4px + 2ex);
  --h1-font-weight: 900;
  --h1-max-width: 100%;
  --h2-max-width: 100%;
  --h3-max-width: 100%;
  --h4-line-height: calc(4px + 2ex);
  --h4-max-width: 100%;
  --h5-max-width: 100%;
  --h6-max-width: 100%;
}

/* Feat: Text Size Variables */
:root {
  --text-xs: clamp(0.75rem, 0.2293577982vw + 0.6983944954rem, 0.875rem);
  --text-s: clamp(0.875rem, 0.2293577982vw + 0.8233944954rem, 1rem);
  --text-m: clamp(1rem, 0.2293577982vw + 0.9483944954rem, 1.125rem);
  --text-l: clamp(1.125rem, 0.2293577982vw + 1.0733944954rem, 1.25rem);
  --text-xl: clamp(1.25rem, 0.4587155963vw + 1.1467889908rem, 1.5rem);
  --text-xxl: clamp(1.5rem, 0.6880733945vw + 1.3451834862rem, 1.875rem);
  --text-s-to-xs: clamp(0.75rem, 0.4587155963vw + 0.6467889908rem, 1rem);
  --text-m-to-s: clamp(0.875rem, 0.4587155963vw + 0.7717889908rem, 1.125rem);
  --text-m-to-xs: clamp(0.75rem, 0.6880733945vw + 0.5951834862rem, 1.125rem);
  --text-l-to-m: clamp(1rem, 0.4587155963vw + 0.8967889908rem, 1.25rem);
  --text-l-to-s: clamp(0.875rem, 0.6880733945vw + 0.7201834862rem, 1.25rem);
  --text-l-to-xs: clamp(0.75rem, 0.9174311927vw + 0.5435779817rem, 1.25rem);
  --text-xl-to-l: clamp(1.125rem, 0.6880733945vw + 0.9701834862rem, 1.5rem);
  --text-xl-to-m: clamp(1rem, 0.9174311927vw + 0.7935779817rem, 1.5rem);
  --text-xl-to-s: clamp(0.875rem, 1.1467889908vw + 0.6169724771rem, 1.5rem);
  --text-xl-to-xs: clamp(0.75rem, 1.376146789vw + 0.4403669725rem, 1.5rem);
  --text-xxl-to-xl: clamp(1.25rem, 1.1467889908vw + 0.9919724771rem, 1.875rem);
  --text-xxl-to-l: clamp(1.125rem, 1.376146789vw + 0.8153669725rem, 1.875rem);
  --text-xxl-to-m: clamp(1rem, 1.6055045872vw + 0.6387614679rem, 1.875rem);
  --text-xxl-to-s: clamp(0.875rem, 1.8348623853vw + 0.4621559633rem, 1.875rem);
  --text-xxl-to-xs: clamp(0.75rem, 2.0642201835vw + 0.2855504587rem, 1.875rem);
}

/* Feat: Heading Size Variables */
:root {
  --h6: clamp(1rem, 0.2293577982vw + 0.9483944954rem, 1.125rem);
  --h5: clamp(1.125rem, 0.2293577982vw + 1.0733944954rem, 1.25rem);
  --h4: clamp(1.25rem, 0.4587155963vw + 1.1467889908rem, 1.5rem);
  --h3: clamp(1.5rem, 0.6880733945vw + 1.3451834862rem, 1.875rem);
  --h2: clamp(1.875rem, 0.6880733945vw + 1.7201834862rem, 2.25rem);
  --h1: clamp(2.25rem, 1.376146789vw + 1.9403669725rem, 3rem);
  --h5-to-h6: clamp(1rem, 0.4587155963vw + 0.8967889908rem, 1.25rem);
  --h4-to-h5: clamp(1.125rem, 0.6880733945vw + 0.9701834862rem, 1.5rem);
  --h4-to-h6: clamp(1rem, 0.9174311927vw + 0.7935779817rem, 1.5rem);
  --h3-to-h4: clamp(1.25rem, 1.1467889908vw + 0.9919724771rem, 1.875rem);
  --h3-to-h5: clamp(1.125rem, 1.376146789vw + 0.8153669725rem, 1.875rem);
  --h3-to-h6: clamp(1rem, 1.6055045872vw + 0.6387614679rem, 1.875rem);
  --h2-to-h3: clamp(1.5rem, 1.376146789vw + 1.1903669725rem, 2.25rem);
  --h2-to-h4: clamp(1.25rem, 1.8348623853vw + 0.8371559633rem, 2.25rem);
  --h2-to-h5: clamp(1.125rem, 2.0642201835vw + 0.6605504587rem, 2.25rem);
  --h2-to-h6: clamp(1rem, 2.2935779817vw + 0.4839449541rem, 2.25rem);
  --h1-to-h2: clamp(1.875rem, 2.0642201835vw + 1.4105504587rem, 3rem);
  --h1-to-h3: clamp(1.5rem, 2.752293578vw + 0.880733945rem, 3rem);
  --h1-to-h4: clamp(1.25rem, 3.2110091743vw + 0.5275229358rem, 3rem);
  --h1-to-h5: clamp(1.125rem, 3.4403669725vw + 0.3509174312rem, 3rem);
  --h1-to-h6: clamp(1rem, 3.6697247706vw + 0.1743119266rem, 3rem);
}

/* Feat: Default Section Styles */
:root {
  --section-padding-block: var(--section-space-m);
  --gutter: clamp(1rem, 7.3394495413vw + -0.6513761468rem, 5rem);
}

/* Feat: Space Variables */
:root {
  --space-xs: clamp(0.8333333333rem, -0.0198875228vw + 0.8486467259rem, 0.8441720333rem);
  --space-s: clamp(1.1252813203rem, 0.2288416141vw + 1.0737919572rem, 1.25rem);
  --space-s-to-xs: clamp(0.8441720333rem, 0.7446384711vw + 0.6766283773rem, 1.25rem);
  --space-m: clamp(1.5rem, 0.6880733945vw + 1.3451834862rem, 1.875rem);
  --space-m-to-s: clamp(1.1252813203rem, 1.3756306049vw + 0.8157644342rem, 1.875rem);
  --space-m-to-xs: clamp(0.8441720333rem, 1.8914274619vw + 0.4186008543rem, 1.875rem);
  --space-l: clamp(1.9995rem, 1.4917431193vw + 1.6638577982rem, 2.8125rem);
  --space-l-to-m: clamp(1.5rem, 2.4082568807vw + 0.9581422018rem, 2.8125rem);
  --space-l-to-s: clamp(1.1252813203rem, 3.0958140911vw + 0.4287231498rem, 2.8125rem);
  --space-l-to-xs: clamp(0.8441720333rem, 3.6116109482vw + 0.0315595699rem, 2.8125rem);
  --space-xl: clamp(2.6653335rem, 2.8503055046vw + 2.0240147615rem, 4.21875rem);
  --space-xl-to-l: clamp(1.9995rem, 4.0720183486vw + 1.0832958716rem, 4.21875rem);
  --space-xl-to-m: clamp(1.5rem, 4.9885321101vw + 0.3775802752rem, 4.21875rem);
  --space-xl-to-s: clamp(1.1252813203rem, 5.6760893205vw + -0.1518387768rem, 4.21875rem);
  --space-xl-to-xs: clamp(0.8441720333rem, 6.1918861775vw + -0.5490023567rem, 4.21875rem);
  --space-xxl: clamp(3.5528895555rem, 5.0921751275vw + 2.4071501518rem, 6.328125rem);
  --space-xxl-to-xl: clamp(2.6653335rem, 6.7207183486vw + 1.1531718716rem, 6.328125rem);
  --space-xxl-to-l: clamp(1.9995rem, 7.9424311927vw + 0.2124529817rem, 6.328125rem);
  --space-xxl-to-m: clamp(1.5rem, 8.8589449541vw + -0.4932626147rem, 6.328125rem);
  --space-xxl-to-s: clamp(1.1252813203rem, 9.5465021645vw + -1.0226816667rem, 6.328125rem);
  --space-xxl-to-xs: clamp(0.8441720333rem, 10.0622990215vw + -1.4198452466rem, 6.328125rem);
}

/* Feat: Section Space Variables */
:root {
  --section-space-xs: clamp(1.1818408466rem, 0.8895886607vw + 0.9816833979rem, 1.6666666667rem);
  --section-space-s: clamp(1.5753938485rem, 1.6965250487vw + 1.1936757125rem, 2.5rem);
  --section-space-s-to-xs: clamp(1.1818408466rem, 2.4186406485vw + 0.6376467006rem, 2.5rem);
  --section-space-m: clamp(2.1rem, 3.0275229358vw + 1.4188073394rem, 3.75rem);
  --section-space-m-to-s: clamp(1.5753938485rem, 3.9901030303vw + 0.6776206666rem, 3.75rem);
  --section-space-m-to-xs: clamp(1.1818408466rem, 4.7122186302vw + 0.1215916548rem, 3.75rem);
  --section-space-l: clamp(2.7993rem, 5.1847706422vw + 1.6327266055rem, 5.625rem);
  --section-space-l-to-m: clamp(2.1rem, 6.4678899083vw + 0.6447247706rem, 5.625rem);
  --section-space-l-to-s: clamp(1.5753938485rem, 7.4304700028vw + -0.0964619022rem, 5.625rem);
  --section-space-l-to-xs: clamp(1.1818408466rem, 8.1525856026vw + -0.652490914rem, 5.625rem);
  --section-space-xl: clamp(3.7314669rem, 8.6349231193vw + 1.7886091982rem, 8.4375rem);
  --section-space-xl-to-l: clamp(2.7993rem, 10.3453211009vw + 0.4716027523rem, 8.4375rem);
  --section-space-xl-to-m: clamp(2.1rem, 11.628440367vw + -0.5163990826rem, 8.4375rem);
  --section-space-xl-to-s: clamp(1.5753938485rem, 12.5910204615vw + -1.2575857554rem, 8.4375rem);
  --section-space-xl-to-xs: clamp(1.1818408466rem, 13.3131360614vw + -1.8136147672rem, 8.4375rem);
  --section-space-xxl: clamp(4.9740453777rem, 14.0957882978vw + 1.8024930107rem, 12.65625rem);
  --section-space-xxl-to-xl: clamp(3.7314669rem, 16.3757488073vw + 0.0469234183rem, 12.65625rem);
  --section-space-xxl-to-l: clamp(2.7993rem, 18.086146789vw + -1.2700830275rem, 12.65625rem);
  --section-space-xxl-to-m: clamp(2.1rem, 19.369266055vw + -2.2580848624rem, 12.65625rem);
  --section-space-xxl-to-s: clamp(1.5753938485rem, 20.3318461496vw + -2.9992715352rem, 12.65625rem);
  --section-space-xxl-to-xs: clamp(1.1818408466rem, 21.0539617494vw + -3.5553005471rem, 12.65625rem);
}

/* Feat: Contextual Space Variables */
:root {
  --content-gap: var(--space-m);
  --container-gap: var(--space-xl);
  --grid-gap: var(--space-m);
}

/* Feat: Width Variables */
:root {
  --width-10: calc(var(--content-width) * 0.1);
  --width-20: calc(var(--content-width) * 0.2);
  --width-30: calc(var(--content-width) * 0.3);
  --width-40: calc(var(--content-width) * 0.4);
  --width-50: calc(var(--content-width) * 0.5);
  --width-60: calc(var(--content-width) * 0.6);
  --width-70: calc(var(--content-width) * 0.7);
  --width-80: calc(var(--content-width) * 0.8);
  --width-90: calc(var(--content-width) * 0.9);
  --width-full: calc(var(--content-width) * 100%);
}

/* Feat: Grid Variables */
:root {
  --grid-1: repeat(1, minmax(0, 1fr));
  --grid-2: repeat(2, minmax(0, 1fr));
  --grid-3: repeat(3, minmax(0, 1fr));
  --grid-4: repeat(4, minmax(0, 1fr));
  --grid-5: repeat(5, minmax(0, 1fr));
  --grid-6: repeat(6, minmax(0, 1fr));
  --grid-7: repeat(7, minmax(0, 1fr));
  --grid-8: repeat(8, minmax(0, 1fr));
  --grid-9: repeat(9, minmax(0, 1fr));
  --grid-10: repeat(10, minmax(0, 1fr));
  --grid-11: repeat(11, minmax(0, 1fr));
  --grid-12: repeat(12, minmax(0, 1fr));
  --grid-1-2: minmax(0, 1fr) minmax(0, 2fr);
  --grid-1-3: minmax(0, 1fr) minmax(0, 3fr);
  --grid-2-1: minmax(0, 2fr) minmax(0, 1fr);
  --grid-2-3: minmax(0, 2fr) minmax(0, 3fr);
  --grid-3-1: minmax(0, 3fr) minmax(0, 1fr);
  --grid-3-2: minmax(0, 3fr) minmax(0, 2fr);
}

/* Feat: Auto Grid Variables */
:root {
  --grid-auto-2: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((2 - 1) * var(--grid-gap))) / 2) * 0.7, (100% - (2 - 1) * var(--grid-gap)) / 2)), 1fr));
  --grid-auto-3: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((3 - 1) * var(--grid-gap))) / 3) * 0.7, (100% - (3 - 1) * var(--grid-gap)) / 3)), 1fr));
  --grid-auto-4: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((4 - 1) * var(--grid-gap))) / 4) * 0.7, (100% - (4 - 1) * var(--grid-gap)) / 4)), 1fr));
  --grid-auto-5: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((5 - 1) * var(--grid-gap))) / 5) * 0.7, (100% - (5 - 1) * var(--grid-gap)) / 5)), 1fr));
  --grid-auto-6: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((6 - 1) * var(--grid-gap))) / 6) * 0.7, (100% - (6 - 1) * var(--grid-gap)) / 6)), 1fr));
  --grid-auto-7: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((7 - 1) * var(--grid-gap))) / 7) * 0.7, (100% - (7 - 1) * var(--grid-gap)) / 7)), 1fr));
  --grid-auto-8: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((8 - 1) * var(--grid-gap))) / 8) * 0.7, (100% - (8 - 1) * var(--grid-gap)) / 8)), 1fr));
  --grid-auto-9: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((9 - 1) * var(--grid-gap))) / 9) * 0.7, (100% - (9 - 1) * var(--grid-gap)) / 9)), 1fr));
  --grid-auto-10: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((10 - 1) * var(--grid-gap))) / 10) * 0.7, (100% - (10 - 1) * var(--grid-gap)) / 10)), 1fr));
  --grid-auto-11: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((11 - 1) * var(--grid-gap))) / 11) * 0.7, (100% - (11 - 1) * var(--grid-gap)) / 11)), 1fr));
  --grid-auto-12: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((12 - 1) * var(--grid-gap))) / 12) * 0.7, (100% - (12 - 1) * var(--grid-gap)) / 12)), 1fr));
  --auto-grid-aggressiveness: 0.7;
}

/* Feat: Header Height Variables */
:root {
  --header-height: clamp(0rem, 0vw + 0rem, 0rem);
  --admin-bar-height: var(--wp-admin--admin-bar--height, 0px);
}

:root {
  --scroll-margin: clamp(0rem, 0vw + 0rem, 0rem);
  --offset: calc(var(--scroll-margin) + var(--header-height));
}

/* Feat: Smart Spacing */
:root {
  --paragraph-spacing: 0.5em;
  --heading-spacing: 1.2em;
  --list-spacing: 0;
  --list-indent-spacing: 2em;
  --list-item-spacing: 0.4em;
  --nested-list-indent-spacing: 1em;
  --flow-spacing: var(--paragraph-spacing);
  --figure-spacing: var(--paragraph-spacing);
  --figcaption-spacing: 0.5em;
  --blockquote-spacing: var(--paragraph-spacing);
}

/* Feat: Buttons */
:root {
  --option-primary-btn-outline: on;
  --option-secondary-btn-outline: on;
  --btn-padding-block: 0.8em;
  --btn-padding-inline: 1.5em;
  --btn-min-width: 11.25rem;
  --btn-width: max-content;
  --btn-line-height: 1;
  --btn-font-size: var(--text-m);
  --btn-font-weight: 500;
  --btn-font-family: inherit;
  --btn-font-style: normal;
  --btn-text-decoration: none;
  --btn-text-decoration-hover: none;
  --btn-letter-spacing: 0;
  --btn-text-transform: none;
  --btn-border-width: 0.2rem;
  --btn-border-style: solid;
  --btn-border-radius: var(--radius);
  --btn-radius: var(--radius);
  --btn-justify-content: center;
  --btn-align-items: center;
  --btn-text-align: center;
}

/* Feat: Link Variables */
:root {
  --link-color: var(--primary);
  --link-color-hover: var(--primary-hover);
  --link-transition: var(--transition);
  --link-decoration: inherit;
  --link-decoration-hover: inherit;
  --link-underline-offset: auto;
  --link-weight: inherit;
}

/* Feat: Column Variables */
:root {
  --col-width-s: 13remrem;
  --col-width-m: 25remrem;
  --col-width-l: 38remrem;
  --col-rule-width-s: 0.5pxem;
  --col-rule-width-m: 1pxem;
  --col-rule-width-l: 3pxem;
}

/* Feat: Sticky Variables */
:root {
  --sticky-offset-custom: 60px;
  --sticky-offset: var(--header-height, var(--sticky-offset-custom, 0));
}

/* Contextual Color Variables */
:root {
  --body-bg-color: var(--white);
  --bg-ultra-light: var(--base-ultra-light);
  --bg-light: var(--base-light);
  --bg-dark: var(--base-dark);
  --bg-ultra-dark: var(--base-ultra-dark);
  --text-light: var(--white);
  --text-light-muted: color-mix(in srgb, var(--text-light) 80%, transparent);
  --text-dark: var(--base-dark);
  --text-dark-muted: color-mix(in srgb, var(--text-dark) 80%, transparent);
}

/* Feat: Contextual Relationship Variables */
:root {
  --bg-ultra-light-text: var(--text-dark);
  --bg-light-text: var(--text-dark);
  --bg-dark-text: var(--text-light);
  --bg-ultra-dark-text: var(--text-light);
  --bg-ultra-light-heading: var(--text-dark);
  --bg-light-heading: var(--text-dark);
  --bg-dark-heading: var(--text-light);
  --bg-ultra-dark-heading: var(--text-light);
  --bg-ultra-light-button: primary;
  --bg-light-button: primary;
  --bg-dark-button: primary;
  --bg-ultra-dark-button: primary;
  --bg-ultra-light-icon: light;
  --bg-light-icon: light;
  --bg-dark-icon: dark;
  --bg-ultra-dark-icon: dark;
}

/* Feat: Radius Variables */
:root {
  --radius: 5px;
  --radius-50: 50%;
  --radius-circle: 50vw;
  --radius-none: 0;
  --radius-xs: 2.2222222222px;
  --radius-s: 3.3333333333px;
  --radius-m: 5px;
  --radius-l: 7.5px;
  --radius-xl: 11.25px;
  --radius-xxl: 16.875px;
}

/* Feat: Border Variables */
:root {
  --border-size: 1px;
  --border-width: 1px;
  --border-style: solid;
  --border-color-dark: var(--black-trans-20);
  --border-color-light: var(--white-trans-20);
  --border: var(--border-size) var(--border-style) var(--border-color-dark);
  --border-light: var(--border-size) var(--border-style) var(--border-color-light);
  --border-dark: var(--border-size) var(--border-style) var(--border-color-dark);
}

/* Feat: Divider Variables */
:root {
  --divider-size: 1px;
  --divider-style: solid;
  --divider-inline-size: 100%;
  --divider-gap: var(--content-gap);
  --divider-color-dark: var(--black-trans-20);
  --divider-color-light: var(--white-trans-20);
  --divider: var(--divider-size) var(--divider-style) var(--divider-color-dark);
  --divider-light: var(--divider-size) var(--divider-style) var(--divider-color-light);
  --divider-dark: var(--divider-size) var(--divider-style) var(--divider-color-dark);
}

/* Feat: Transition Variables */
:root {
  --transition-duration: 0.3s;
  --transition-timing: ease-in-out;
  --transition-delay: 0s;
  --transition: 0.3s ease-in-out 0s;
}

/* Feat: Icon Variables */
:root {
  --icon-scheme: inherit;
  --icon-size: 32px;
  --icon-padding: 0.35em;
  --icon-radius: var(--radius);
  --icon-background: var(--neutral-ultra-light);
  --icon-background-hover: var(--neutral-light);
  --icon-border-color: var(--border-color-dark);
  --icon-border-color-hover: inherit;
  --icon-border-width: var(--border-width);
  --icon-border-style: var(--border-style);
  --icon-color: var(--text-dark-muted);
  --icon-color-hover: var(--primary);
  --icon-list-icon-size: 1em;
  --icon-list-gap: 1em;
  --icon-size-xs: 12px;
  --icon-size-s: 16px;
  --icon-size-m: 32px;
  --icon-size-l: 64px;
  --icon-size-xl: 128px;
  --icon-padding-xs: var(--icon-padding);
  --icon-padding-s: var(--icon-padding);
  --icon-padding-m: var(--icon-padding);
  --icon-padding-l: var(--icon-padding);
  --icon-padding-xl: var(--icon-padding);
}

/* Feat: Box Shadow Variables */
:root {
  --box-shadow-1: var(--black-trans-10) 0px 10px 20px -10px;
  --box-shadow-2: 0 0 60px var(--black-trans-20);
  --box-shadow-3: 0 0 80px var(--black-trans-30);
}

/* Feat: Text Shadow Variables */
:root {
  --text-shadow-1: 0 1px 2px color-mix(in srgb, black 20%, transparent);
  --text-shadow-2: 0 2px 4px color-mix(in srgb, black 30%, transparent);
  --text-shadow-3: 0 4px 8px color-mix(in srgb, black 40%, transparent);
}

/* Feat: Drop Shadow Variables */
:root {
  --drop-shadow-1: drop-shadow(0 1px 2px color-mix(in srgb, black 15%, transparent));
  --drop-shadow-2: drop-shadow(0 4px 6px color-mix(in srgb, black 20%, transparent));
  --drop-shadow-3: drop-shadow(0 10px 15px color-mix(in srgb, black 25%, transparent));
}

/* Feat: Blockquote Variables */
:root {
  --blockquote-padding: var(--space-m);
  --blockquote-gap: 1em;
  --blockquote-border-width: 0 0 0 3px;
  --blockquote-border-style: solid;
  --blockquote-border-color: var(--primary);
  --blockquote-border-radius: var(--radius);
  --blockquote-background: var(--neutral-ultra-light);
  --blockquote-box-shadow: none;
  --blockquote-text-color: inherit;
  --blockquote-text-font-family: inherit;
  --blockquote-text-font-style: normal;
  --blockquote-text-font-size: var(--text-l);
  --blockquote-text-font-weight: normal;
  --blockquote-text-line-height: inherit;
  --blockquote-text-text-align: left;
  --blockquote-text-text-transform: none;
  --blockquote-footer-padding: 0;
  --blockquote-footer-margin-block: 1em 0;
  --blockquote-footer-font-family: inherit;
  --blockquote-footer-font-size: var(--text-s);
  --blockquote-footer-font-weight: normal;
  --blockquote-footer-font-style: normal;
  --blockquote-footer-line-height: 1.5;
  --blockquote-footer-text-transform: none;
  --blockquote-footer-color: currentColor;
  --blockquote-cite-font-family: inherit;
  --blockquote-cite-font-size: inherit;
  --blockquote-cite-font-weight: inherit;
  --blockquote-cite-font-style: inherit;
  --blockquote-cite-line-height: inherit;
  --blockquote-cite-text-transform: inherit;
  --blockquote-cite-color: currentColor;
}