:root {  --light-h: 85; --light-s: 0%; --light-l: 100%; --light-a: 1;  --dark-h: 0; --dark-s: 0%; --dark-l: 0%; --dark-a: 1;  --transparent-5: 0.05; --transparent-10: 0.1; --transparent-20: 0.2; --transparent-30: 0.3; --transparent-40: 0.4; --transparent-50: 0.5; --transparent-60: 0.6; --transparent-70: 0.7; --transparent-80: 0.8; --transparent-90: 0.9;  --text-xs: clamp(0.9rem, calc(0.1vw + 0.87rem), 1.01rem); --text-s: clamp(1.2rem, calc(0.14vw + 1.16rem), 1.35rem); --text-m: clamp(1.6rem, calc(0.19vw + 1.54rem), 1.8rem); --text-l: clamp(2.13rem, calc(0.25vw + 2.05rem), 2.4rem); --text-xl: clamp(2.84rem, calc(0.33vw + 2.74rem), 3.2rem); --text-2xl: clamp(3.79rem, calc(0.44vw + 3.65rem), 4.26rem); --text-3xl: clamp(5.05rem, calc(0.58vw + 4.87rem), 5.68rem); --text-4xl: clamp(6.73rem, calc(0.78vw + 6.48rem), 7.58rem); --text-5xl: clamp(8.98rem, calc(1.04vw + 8.64rem), 10.1rem); --text-6xl: clamp(11.97rem, calc(1.38vw + 11.52rem), 13.46rem); --text-7xl: clamp(15.95rem, calc(1.85vw + 15.36rem), 17.94rem);  --line-height-2xs: 1; --line-height-xs: 1.1; --line-height-s: 1.2; --line-height-m: 1.25; --line-height-l: 1.4; --line-height-xl: 1.5; --line-height-2xl: 2;  --space-4xs: clamp(0.21rem, calc(0.1vw + 0.18rem), 0.32rem); --space-3xs: clamp(0.32rem, calc(0.15vw + 0.27rem), 0.47rem); --space-2xs: clamp(0.47rem, calc(0.22vw + 0.4rem), 0.71rem); --space-xs: clamp(0.71rem, calc(0.33vw + 0.61rem), 1.07rem); --space-s: clamp(1.07rem, calc(0.49vw + 0.91rem), 1.6rem); --space-m: clamp(1.6rem, calc(0.74vw + 1.36rem), 2.4rem); --space-l: clamp(2.4rem, calc(1.11vw + 2.04rem), 3.6rem); --space-xl: clamp(3.6rem, calc(1.67vw + 3.07rem), 5.4rem); --space-2xl: clamp(5.4rem, calc(2.5vw + 4.6rem), 8.1rem); --space-3xl: clamp(8.1rem, calc(3.75vw + 6.9rem), 12.15rem); --space-4xl: clamp(12.15rem, calc(5.63vw + 10.35rem), 18.23rem); --gap-2xs: clamp(0.2rem, calc(0.19vw + 0.14rem), 0.4rem); --gap-xs: clamp(0.4rem, calc(0.37vw + 0.28rem), 0.8rem); --gap-s: clamp(0.8rem, calc(0.74vw + 0.56rem), 1.6rem); --gap-m: clamp(1.6rem, calc(1.48vw + 1.13rem), 3.2rem); --gap-l: clamp(3.2rem, calc(2.96vw + 2.25rem), 6.4rem); --gap-xl: clamp(6.4rem, calc(5.93vw + 4.5rem), 12.8rem);  --radius-xs: clamp(0.4rem, calc(0vw + 0.4rem), 0.4rem); --radius-s: clamp(0.6rem, calc(-0.19vw + 0.86rem), 0.8rem); --radius-m: clamp(1rem, calc(-0.19vw + 1.26rem), 1.2rem); --radius-l: clamp(1.6rem, calc(-0.37vw + 2.12rem), 2rem); --radius-xl: clamp(2.6rem, calc(-0.56vw + 3.38rem), 3.2rem); --radius-max: 999rem;  --shadow-elevation: none; --shadow-xs: 0 1px 2px var(--shadow); --shadow-s: 0 2px 4px var(--shadow); --shadow-m: 0 3px 6px var(--shadow); --shadow-l: 0 4px 8px var(--shadow); --shadow-xl: 0 6px 12px var(--shadow);  --min-screen-width: 320px; --max-screen-width: 1366px;   --background: var(--at-neutral-l-5);  --on-background: var(--at-neutral-d-5);   --surface: var(--at-neutral-l-5);  --on-surface: var(--at-neutral-d-4);   --inverse-surface: var(--at-neutral-d-3);  --inverse-on-surface: var(--at-neutral-l-4);   --inverse-primary: var(--at-primary-l-3);   --light: hsla(var(--light-h), var(--light-s), var(--light-l), var(--light-a)); --dark: hsla(var(--dark-h), var(--dark-s), var(--dark-l), var(--dark-a));  --surface-variant: var(--at-neutral-variant-l-4);  --on-surface-variant: var(--at-neutral-variant-d-4);   --outline: var(--at-neutral-variant);   --shadow: var(--at-neutral-d-5);  --scrim: var(--at-neutral-d-5);     --primary: var(--at-primary-l-2);  --on-primary: var(--at-primary-l-5);  --secondary: var(--at-secondary);  --on-secondary: var(--at-secondary-l-5);  --tertiary: var(--at-tertiary-l-2);  --on-tertiary: var(--at-tertiary-l-5);  --surface-container: var(--at-neutral-l-4);  --primary-container: var(--at-primary-l-4);  --on-primary-container: var(--at-primary-d-5);  --secondary-container: var(--at-secondary-l-4);  --on-secondary-container: var(--at-secondary-d-5);  --tertiary-container: var(--at-tertiary-l-4);  --on-tertiary-container: var(--at-tertiary-d-5);    --background-d: var(--at-neutral-d-5);  --on-background-d: var(--at-neutral-l-4);   --surface-d: var(--at-neutral-d-5);  --on-surface-d: var(--at-neutral-l-4);   --inverse-surface-d: var(--at-neutral-l-4);  --inverse-on-surface-d: var(--at-neutral-d-3);   --inverse-primary-d: var(--at-primary-d-1);   --surface-variant-d: var(--at-neutral-variant-d-2);  --on-surface-variant-d: var(--at-neutral-variant-l-3);   --outline-d: var(--at-neutral-l-1);   --shadow-d: var(--at-neutral-d-5);  --scrim-d: var(--at-neutral-d-5);   --primary-d: var(--at-primary-l-3);  --on-primary-d: var(--at-primary-d-3);   --secondary-d: var(--at-secondary-l-3);  --on-secondary-d: var(--at-secondary-d-3);   --tertiary-d: var(--at-tertiary-l-3);  --on-tertiary-d: var(--at-tertiary-d-3);   --surface-container-d: var(--at-neutral-d-4);   --primary-container-d: var(--at-primary-d-2);  --on-primary-container-d: var(--at-primary-l-4);   --secondary-container-d: var(--at-secondary-d-2);  --on-secondary-container-d: var(--at-secondary-l-4);   --tertiary-container-d: var(--at-tertiary-d-2);  --on-tertiary-container-d: var(--at-tertiary-l-4);   --light: hsla(var(--light-h), var(--light-s), var(--light-l), var(--light-a)); --dark: hsla(var(--dark-h), var(--dark-s), var(--dark-l), var(--dark-a));  --light-5: hsla(var(--light-h), var(--light-s), var(--light-l), var(--transparent-5)); --light-10: hsla(var(--light-h), var(--light-s), var(--light-l), var(--transparent-10)); --light-20: hsla(var(--light-h), var(--light-s), var(--light-l), var(--transparent-20)); --light-30: hsla(var(--light-h), var(--light-s), var(--light-l), var(--transparent-30)); --light-40: hsla(var(--light-h), var(--light-s), var(--light-l), var(--transparent-40)); --light-50: hsla(var(--light-h), var(--light-s), var(--light-l), var(--transparent-50)); --light-60: hsla(var(--light-h), var(--light-s), var(--light-l), var(--transparent-60)); --light-70: hsla(var(--light-h), var(--light-s), var(--light-l), var(--transparent-70)); --light-80: hsla(var(--light-h), var(--light-s), var(--light-l), var(--transparent-80)); --light-90: hsla(var(--light-h), var(--light-s), var(--light-l), var(--transparent-90));  --dark-5: hsla(var(--dark-h), var(--dark-s), var(--dark-l), var(--transparent-5)); --dark-10: hsla(var(--dark-h), var(--dark-s), var(--dark-l), var(--transparent-10)); --dark-20: hsla(var(--dark-h), var(--dark-s), var(--dark-l), var(--transparent-20)); --dark-30: hsla(var(--dark-h), var(--dark-s), var(--dark-l), var(--transparent-30)); --dark-40: hsla(var(--dark-h), var(--dark-s), var(--dark-l), var(--transparent-40)); --dark-50: hsla(var(--dark-h), var(--dark-s), var(--dark-l), var(--transparent-50)); --dark-60: hsla(var(--dark-h), var(--dark-s), var(--dark-l), var(--transparent-60)); --dark-70: hsla(var(--dark-h), var(--dark-s), var(--dark-l), var(--transparent-70)); --dark-80: hsla(var(--dark-h), var(--dark-s), var(--dark-l), var(--transparent-80)); --dark-90: hsla(var(--dark-h), var(--dark-s), var(--dark-l), var(--transparent-90));  --hero-title-size: var(--text-4xl); --post-title-size: var(--text-2xl); --nav-link-size: var(--text-s); --caption: var(--text-s); --text-size: var(--text-m); --subtitle: var(--text-l); --h6: var(--text-xl); --h5: var(--text-2xl); --h4: var(--text-3xl); --h3: var(--text-4xl); --h2: var(--text-5xl); --h1: var(--text-6xl); --h0: var(--text-7xl);  --border-width: 2px; --btn-gap-inline: var(--gap-m); --btn-gap-block: var(--gap-s); --content-gap: var(--gap-xs); --card-gap: var(--gap-s); --grid-gap: var(--gap-m); --container-gap: var(--gap-l); --section-gap: var(--gap-xl); --header-gap: var(--gap-xs); --footer-space-inline: var(--gap-xs); --footer-space-block: var(--space-s);  --btn-radius: var(--radius-xs); --card-radius: var(--radius-s); --container-radius: var(--radius-m); --surface-radius: var(--radius-l); --radius-full: var(--radius-max); }