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

/* Feat: Palette */
:root {
  --primary: oklch(46.6% 0.225 284deg);
  --primary-hover: oklch(53.6723% 0.197032 288.892607deg);
  --primary-ultra-light: oklch(94.4826% 0.02177 297.415187deg);
  --primary-light: oklch(83.5343% 0.065959 295.666458deg);
  --primary-semi-light: oklch(61.4625% 0.162891 291.666622deg);
  --primary-semi-dark: oklch(36.4758% 0.16914 285.096113deg);
  --primary-dark: oklch(29.1813% 0.128977 286.356294deg);
  --primary-ultra-dark: oklch(17.6392% 0.060409 289.077876deg);
  --base: oklch(0% 0 0deg);
  --base-hover: oklch(18.2204% 0 89.875563deg);
  --base-ultra-light: oklch(96.1151% 0 89.875563deg);
  --base-light: oklch(88.5305% 0 89.875563deg);
  --base-semi-light: oklch(72.5157% 0 89.875563deg);
  --base-semi-dark: oklch(46.4002% 0 89.875563deg);
  --base-dark: oklch(37.1495% 0 89.875563deg);
  --base-ultra-dark: oklch(21.7787% 0 89.875562deg);
  --neutral: oklch(0% 0 0deg);
  --neutral-hover: oklch(100% 0 89.875563deg);
  --neutral-ultra-light: oklch(96.1151% 0 89.875563deg);
  --neutral-light: oklch(88.5305% 0 89.875563deg);
  --neutral-semi-light: oklch(72.5157% 0 89.875563deg);
  --neutral-semi-dark: oklch(46.4002% 0 89.875563deg);
  --neutral-dark: oklch(37.1495% 0 89.875563deg);
  --neutral-ultra-dark: oklch(21.7787% 0 89.875562deg);
  --white: #fff;
  --black: #000;
  --warning: oklch(82.9% 0.152 89deg);
  --warning-hover: oklch(86.0746% 0.131564 91.326128deg);
  --warning-ultra-light: oklch(97.8701% 0.02169 92.502215deg);
  --warning-light: oklch(93.5108% 0.064391 91.807637deg);
  --warning-semi-light: oklch(85.3954% 0.136234 90.458913deg);
  --warning-semi-dark: oklch(61.5365% 0.122494 87.375134deg);
  --warning-dark: oklch(48.4401% 0.095306 88.341527deg);
  --warning-ultra-dark: oklch(26.6075% 0.049567 89.479977deg);
  --heading-color: var(--text-dark);
  --h1-color: var(--text-dark);
}

/* Feat: Default Section Styles */
:root {
  --content-width: 85.375rem;
  --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(8px + 2ex);
  --text-m-max-width: 100%;
  --text-s-max-width: 100%;
  --text-xs-max-width: 100%;
  --base-text-lh: calc(8px + 2ex);
  --text-font-family: Sohne, sans-serif;
  --text-color: var(--text-dark-muted);
  --text-line-height: calc(8px + 2ex);
  --text-font-weight: 400;
  --text-text-wrap: pretty;
}

/* Feat: Heading Defaults */
:root {
  --heading-font-family: Sohne Bold, sans-serif;
  --heading-color: var(--text-dark);
  --heading-line-height: calc(2px + 2ex);
  --heading-font-weight: 700;
  --heading-letter-spacing: -0.025em;
  --heading-text-wrap: pretty;
  --base-heading-lh: calc(2px + 2ex);
  --h1-font-weight: 700;
  --h1-line-height: calc(2px + 1.9ex);
  --h1-max-width: 100%;
  --h1-color: var(--text-dark);
  --h2-max-width: 100%;
  --h3-max-width: 100%;
  --h4-font-weight: 700;
  --h4-line-height: calc(2px + 2ex);
  --h4-max-width: 100%;
  --h5-max-width: 100%;
  --h6-max-width: 100%;
}

/* Feat: Text Size Variables */
:root {
  --text-xs: clamp(0.8125rem, 0.0849798173vw + 0.7955040365rem, 0.8680555556rem);
  --text-s: clamp(0.875rem, 0.2549394519vw + 0.8240121096rem, 1.0416666667rem);
  --text-m: clamp(1rem, 0.3824091778vw + 0.9235181644rem, 1.25rem);
  --text-l: clamp(1.1rem, 0.6118546845vw + 0.9776290631rem, 1.5rem);
  --text-xl: clamp(1.21rem, 0.9024856597vw + 1.0295028681rem, 1.8rem);
  --text-xxl: clamp(1.331rem, 1.2680688337vw + 1.0773862333rem, 2.16rem);
  --text-s-to-xs: clamp(0.8125rem, 0.3505417463vw + 0.7423916507rem, 1.0416666667rem);
  --text-m-to-s: clamp(0.875rem, 0.5736137667vw + 0.7602772467rem, 1.25rem);
  --text-m-to-xs: clamp(0.8125rem, 0.6692160612vw + 0.6786567878rem, 1.25rem);
  --text-l-to-m: clamp(1rem, 0.7648183556vw + 0.8470363289rem, 1.5rem);
  --text-l-to-s: clamp(0.875rem, 0.9560229446vw + 0.6837954111rem, 1.5rem);
  --text-l-to-xs: clamp(0.8125rem, 1.051625239vw + 0.6021749522rem, 1.5rem);
  --text-xl-to-l: clamp(1.1rem, 1.0707456979vw + 0.8858508604rem, 1.8rem);
  --text-xl-to-m: clamp(1rem, 1.223709369vw + 0.7552581262rem, 1.8rem);
  --text-xl-to-s: clamp(0.875rem, 1.4149139579vw + 0.5920172084rem, 1.8rem);
  --text-xl-to-xs: clamp(0.8125rem, 1.5105162524vw + 0.5103967495rem, 1.8rem);
  --text-xxl-to-xl: clamp(1.21rem, 1.4531548757vw + 0.9193690249rem, 2.16rem);
  --text-xxl-to-l: clamp(1.1rem, 1.621414914vw + 0.7757170172rem, 2.16rem);
  --text-xxl-to-m: clamp(1rem, 1.7743785851vw + 0.645124283rem, 2.16rem);
  --text-xxl-to-s: clamp(0.875rem, 1.965583174vw + 0.4818833652rem, 2.16rem);
  --text-xxl-to-xs: clamp(0.8125rem, 2.0611854685vw + 0.4002629063rem, 2.16rem);
}

/* Feat: Heading Size Variables */
:root {
  --h6: clamp(0.75rem, 0.1440489992vw + 0.7211902002rem, 0.8441720333rem);
  --h5: clamp(0.8125rem, 0.4784417902vw + 0.716811642rem, 1.1252813203rem);
  --h4: clamp(1.125rem, 0.5736137667vw + 1.0102772467rem, 1.5rem);
  --h3: clamp(1.35rem, 0.993499044vw + 1.1513001912rem, 1.9995rem);
  --h2: clamp(1.62rem, 1.5989804971vw + 1.3002039006rem, 2.6653335rem);
  --h1: clamp(2.125rem, 4.3977055449vw + 1.245458891rem, 5rem);
  --h5-to-h6: clamp(0.75rem, 0.5740440846vw + 0.6351911831rem, 1.1252813203rem);
  --h4-to-h5: clamp(0.8125rem, 1.051625239vw + 0.6021749522rem, 1.5rem);
  --h4-to-h6: clamp(0.75rem, 1.1472275335vw + 0.5205544933rem, 1.5rem);
  --h3-to-h4: clamp(1.125rem, 1.337667304vw + 0.8574665392rem, 1.9995rem);
  --h3-to-h5: clamp(0.8125rem, 1.8156787763vw + 0.4493642447rem, 1.9995rem);
  --h3-to-h6: clamp(0.75rem, 1.9112810707vw + 0.3677437859rem, 1.9995rem);
  --h2-to-h3: clamp(1.35rem, 2.0119824092vw + 0.9476035182rem, 2.6653335rem);
  --h2-to-h4: clamp(1.125rem, 2.3561506692vw + 0.6537698662rem, 2.6653335rem);
  --h2-to-h5: clamp(0.8125rem, 2.8341621415vw + 0.2456675717rem, 2.6653335rem);
  --h2-to-h6: clamp(0.75rem, 2.9297644359vw + 0.1640471128rem, 2.6653335rem);
  --h1-to-h2: clamp(1.62rem, 5.1701720841vw + 0.5859655832rem, 5rem);
  --h1-to-h3: clamp(1.35rem, 5.5831739962vw + 0.2333652008rem, 5rem);
  --h1-to-h4: clamp(1.125rem, 5.9273422562vw + -0.0604684512rem, 5rem);
  --h1-to-h5: clamp(0.8125rem, 6.4053537285vw + -0.4685707457rem, 5rem);
  --h1-to-h6: clamp(0.75rem, 6.5009560229vw + -0.5501912046rem, 5rem);
}

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

/* Feat: Space Variables */
:root {
  --space-xs: clamp(0.6331290249rem, 0.051300408vw + 0.6228689433rem, 0.6666666667rem);
  --space-s: clamp(0.8439609902rem, 0.2386829977vw + 0.7962243907rem, 1rem);
  --space-s-to-xs: clamp(0.6331290249rem, 0.5611793118vw + 0.5208931626rem, 1rem);
  --space-m: clamp(1.125rem, 0.5736137667vw + 1.0102772467rem, 1.5rem);
  --space-m-to-s: clamp(0.8439609902rem, 1.0035013533vw + 0.6432607196rem, 1.5rem);
  --space-m-to-xs: clamp(0.6331290249rem, 1.3259976674vw + 0.3679294915rem, 1.5rem);
  --space-l: clamp(1.499625rem, 1.1478011472vw + 1.2700647706rem, 2.25rem);
  --space-l-to-m: clamp(1.125rem, 1.7208413002vw + 0.78083174rem, 2.25rem);
  --space-l-to-s: clamp(0.8439609902rem, 2.1507288868vw + 0.4138152129rem, 2.25rem);
  --space-l-to-xs: clamp(0.6331290249rem, 2.4732252009vw + 0.1384839848rem, 2.25rem);
  --space-xl: clamp(1.999000125rem, 2.1047799235vw + 1.5780441403rem, 3.375rem);
  --space-xl-to-l: clamp(1.499625rem, 2.8686424474vw + 0.9258965105rem, 3.375rem);
  --space-xl-to-m: clamp(1.125rem, 3.4416826004vw + 0.4366634799rem, 3.375rem);
  --space-xl-to-s: clamp(0.8439609902rem, 3.871570187vw + 0.0696469528rem, 3.375rem);
  --space-xl-to-xs: clamp(0.6331290249rem, 4.194066501vw + -0.2056842753rem, 3.375rem);
  --space-xxl: clamp(2.6646671666rem, 3.6678131294vw + 1.9311045407rem, 5.0625rem);
  --space-xxl-to-xl: clamp(1.999000125rem, 4.6860418738vw + 1.0617917502rem, 5.0625rem);
  --space-xxl-to-l: clamp(1.499625rem, 5.4499043977vw + 0.4096441205rem, 5.0625rem);
  --space-xxl-to-m: clamp(1.125rem, 6.0229445507vw + -0.0795889101rem, 5.0625rem);
  --space-xxl-to-s: clamp(0.8439609902rem, 6.4528321373vw + -0.4466054372rem, 5.0625rem);
  --space-xxl-to-xs: clamp(0.6331290249rem, 6.7753284513vw + -0.7219366653rem, 5.0625rem);
}

/* Feat: Section Space Variables */
:root {
  --section-space-xs: clamp(0.9496935374rem, 1.6065873233vw + 0.6283760728rem, 2rem);
  --section-space-s: clamp(1.2659414854rem, 2.6524795635vw + 0.7354455727rem, 3rem);
  --section-space-s-to-xs: clamp(0.9496935374rem, 3.1362240346vw + 0.3224487305rem, 3rem);
  --section-space-m: clamp(1.6875rem, 4.3021032505vw + 0.8270793499rem, 4.5rem);
  --section-space-m-to-s: clamp(1.2659414854rem, 4.9469346304vw + 0.2765545593rem, 4.5rem);
  --section-space-m-to-xs: clamp(0.9496935374rem, 5.4306791015vw + -0.1364422829rem, 4.5rem);
  --section-space-l: clamp(2.2494375rem, 6.8842256214vw + 0.8725923757rem, 6.75rem);
  --section-space-l-to-m: clamp(1.6875rem, 7.7437858509vw + 0.1387428298rem, 6.75rem);
  --section-space-l-to-s: clamp(1.2659414854rem, 8.3886172308vw + -0.4117819608rem, 6.75rem);
  --section-space-l-to-xs: clamp(0.9496935374rem, 8.8723617019vw + -0.824778803rem, 6.75rem);
  --section-space-xl: clamp(2.9985001875rem, 10.9009557361vw + 0.8183090403rem, 10.125rem);
  --section-space-xl-to-l: clamp(2.2494375rem, 12.046749522vw + -0.1599124044rem, 10.125rem);
  --section-space-xl-to-m: clamp(1.6875rem, 12.9063097514vw + -0.8937619503rem, 10.125rem);
  --section-space-xl-to-s: clamp(1.2659414854rem, 13.5511411314vw + -1.4442867409rem, 10.125rem);
  --section-space-xl-to-xs: clamp(0.9496935374rem, 14.0348856024vw + -1.8572835831rem, 10.125rem);
  --section-space-xxl: clamp(3.9970007499rem, 17.1173984705vw + 0.5735210558rem, 15.1875rem);
  --section-space-xxl-to-xl: clamp(2.9985001875rem, 18.644741587vw + -0.7304481299rem, 15.1875rem);
  --section-space-xxl-to-l: clamp(2.2494375rem, 19.7905353728vw + -1.7086695746rem, 15.1875rem);
  --section-space-xxl-to-m: clamp(1.6875rem, 20.6500956023vw + -2.4425191205rem, 15.1875rem);
  --section-space-xxl-to-s: clamp(1.2659414854rem, 21.2949269822vw + -2.9930439111rem, 15.1875rem);
  --section-space-xxl-to-xs: clamp(0.9496935374rem, 21.7786714533vw + -3.4060407532rem, 15.1875rem);
}

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

/* 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: Buttons */
:root {
  --option-primary-btn-outline: on;
  --option-secondary-btn-outline: on;
  --btn-padding-block: 0.75em;
  --btn-padding-inline: 1.5em;
  --btn-min-width: 6.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: 2px;
  --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(--action-hover);
  --link-transition: var(--transition);
  --link-decoration: underline;
  --link-decoration-hover: inherit;
  --link-underline-offset: 0.125em;
  --link-weight: inherit;
}

/* Feat: Card Variables */
:root {
  --card-padding: calc(var(--space-m) * 1.2);
  --card-gap: calc(var(--content-gap) / 2);
  --card-border-width: var(--border-width);
  --card-border-style: solid;
  --card-display: flex;
  --card-radius: var(--radius);
  --card-min-radius: 4px;
  --card-heading-size: var(--h3);
  --card-text-size: var(--text-s);
  --card-button-font-size: var(--text-s);
  --card-icon-size: 48px;
  --card-icon-padding: var(--icon-padding);
  --card-icon-border-width: var(--icon-border-width);
  --card-icon-border-style: var(--icon-border-style);
  --card-icon-radius: var(--icon-radius);
  --card-icon-background: var(--icon-background);
  --card-icon-color: var(--icon-color);
  --card-icon-border-color: var(--icon-border-color);
  --card-line-height: 1.4;
  --card-avatar-radius: 50vw;
  --card-avatar-border-width: var(--border-width);
  --card-avatar-border-style: var(--border-style);
  --card-avatar-size: 60px;
  --card-avatar-aspect-ratio: 1;
  --card-media-radius: var(--radius);
  --card-media-aspect-ratio: 1.3333333333;
  --card-media-object-fit: cover;
  --card-background: var(--neutral-ultra-light);
  --card-heading-color: var(--text-dark);
  --card-text-color: var(--text-dark-muted);
  --card-link-color: var(--primary);
  --card-link-color-hover: var(--primary-hover);
  --card-button-style: primary;
  --card-border-color: var(--border-color-dark);
}

/* Contextual Color Variables */
:root {
  --body-bg-color: var(--white);
  --bg-ultra-light: var(--neutral-ultra-light);
  --bg-light: var(--neutral-light);
  --bg-dark: var(--base-dark);
  --bg-ultra-dark: var(--base-ultra-dark);
  --text-light: var(--base-ultra-light);
  --text-light-muted: var(--base-trans-80);
  --text-dark: var(--base-ultra-dark);
  --text-dark-muted: var(--base-semi-dark);
}

/* 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-link: var(--primary);
  --bg-ultra-light-link-hover: var(--primary-hover);
  --bg-light-link: var(--primary);
  --bg-light-link-hover: var(--primary-hover);
  --bg-dark-link: var(--primary);
  --bg-dark-link-hover: var(--primary-hover);
  --bg-ultra-dark-link: var(--primary);
  --bg-ultra-dark-link-hover: var(--primary-hover);
  --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: 2px;
  --border-width: 2px;
  --border-style: solid;
  --border-color-dark: var(--black-trans-10);
  --border-color-light: var(--white-trans-10);
  --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: calc(var(--content-gap) * 1.5);
  --divider-color-dark: var(--black-trans-10);
  --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: 48px;
  --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: 18px;
  --icon-size-s: 18px;
  --icon-size-m: 48px;
  --icon-size-l: 18px;
  --icon-size-xl: 18px;
  --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: 0 0 40px var(--black-trans-10);
  --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;
}