/* Design tokens for project: 2026-landing-halloween */
:root {
  --gray-gray-900: #1c1c1c;
  --gray-gray-800: #3A3A3A;
  --gray-gray-700: #484848;
  --gray-gray-600: #6f6f6f;
  --gray-gray-500: #979797;
  --gray-gray-400: #cccccc;
  --gray-gray-300: #e2e2e2;
  --gray-gray-200: #eeeeee;
  --gray-gray-100: #f6f6f6;
  --blu-blu-900: #07244F;
  --blu-blu-800: #0B346D;
  --blu-blu-700: #0C438E;
  --blu-blu-600: #0B5ABA;
  --blu-blu-500: #0071EB;
  --blu-blu-400: #3794FF;
  --blu-blu-300: #7BB7FF;
  --blu-blu-200: #B9D7FF;
  --blu-blu-100: #E6F1FF;
  --orange-orange-900: #490600;
  --orange-orange-800: #681405;
  --orange-orange-700: #8a2919;
  --orange-orange-600: #a93e2b;
  --orange-orange-500: #D3644F;
  --orange-orange-400: #ee816c;
  --orange-orange-300: #ffb1a0;
  --orange-orange-200: #ffd7ce;
  --orange-orange-100: #ffede9;
  --green-green-900: #01320b;
  --green-green-800: #044e18;
  --green-green-700: #0f6925;
  --green-green-600: #1a8735;
  --green-green-500: #28a745;
  --green-green-400: #55C161;
  --green-green-300: #80db82;
  --green-green-200: #b5eeb3;
  --green-green-100: #def3dc;
  --yellow-yellow-900: #4c3300;
  --yellow-yellow-800: #765300;
  --yellow-yellow-700: #a37500;
  --yellow-yellow-600: #d19a00;
  --yellow-yellow-500: #f9b81b;
  --yellow-yellow-400: #ffcb53;
  --yellow-yellow-300: #ffd985;
  --yellow-yellow-200: #ffe7ae;
  --yellow-yellow-100: #fff5d5;
  --red-red-900: #430a0e;
  --red-red-800: #66141b;
  --red-red-700: #8c1e28;
  --red-red-600: #b32936;
  --red-red-500: #dc3545;
  --red-red-400: #f06770;
  --red-red-300: #f4999d;
  --red-red-200: #f8bfc1;
  --red-red-100: #fce2e3;
  --serviziaggiuntivi-acquamarine-500: #48E6BC;
  --serviziaggiuntivi-amber-500: #FFA200;
  --serviziaggiuntivi-yellowhighlighter-500: #FAFF00;
  --serviziaggiuntivi-magenta-500: #F922E8;
  --serviziaggiuntivi-neonviolet-500: #BB4DFF;
  --serviziaggiuntivi-royalviolet-500: #7E00CC;
  --serviziaggiuntivi-forestgreen-500: #008C25;
  --serviziaggiuntivi-electricgreen-500: #19FF57;
  --serviziaggiuntivi-hotfuchsia-500: #FF4B55;
  --black-black-100: rgba(0, 0, 0, 0.1);
  --black-black-150: rgba(0, 0, 0, 0.15);
  --black-black-200: rgba(0, 0, 0, 0.20);
  --black-black-250: rgba(0, 0, 0, 0.25);
  --black-black-300: rgba(0, 0, 0, 0.30);
  --black-black-400: rgba(0, 0, 0, 0.40);
  --black-black-500: rgba(0, 0, 0, 0.50);
  --black-black-600: rgba(0, 0, 0, 0.60);
  --black-black-700: rgba(0, 0, 0, 0.70);
  --black-black-750: rgba(0, 0, 0, 0.75);
  --black-black-800: rgba(0, 0, 0, 0.80);
  --black-black-900: rgba(0, 0, 0, 0.90);
  --black-black-1000: rgba(0, 0, 0, 1);
  --white-white-100: rgba(255, 255, 255, 0.1);
  --white-white-200: rgba(255, 255, 255, 0.2);
  --white-white-300: rgba(255, 255, 255, 0.3);
  --white-white-400: rgba(255, 255, 255, 0.4);
  --white-white-500: rgba(255, 255, 255, 0.5);
  --white-white-600: rgba(255, 255, 255, 0.6);
  --white-white-700: rgba(255, 255, 255, 0.7);
  --white-white-800: rgba(255, 255, 255, 0.8);
  --white-white-900: rgba(255, 255, 255, 0.9);
  --white-white-1000: rgba(255, 255, 255, 1);
  --font-01: 'Public Sans', sans-serif;
  --font-02: 'Libre Baskerville', serif;
  --font-size-1: 12px;
  --font-size-2: 14px;
  --font-size-3: 16px;
  --font-size-4: 18px;
  --font-size-5: 20px;
  --font-size-6: 24px;
  --font-size-7: 32px;
  --font-size-8: 40px;
  --font-size-9: 48px;
  --font-size-10: 56px;
  --font-size-11: 64px;
  --font-weight-regular: 400;
  --font-weight-italic: Italic;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-line-height-xs: 1;
  --font-line-height-s: 1.2;
  --font-line-height-m: 1.3;
  --font-line-height-l: 1.5;
  --font-line-height-xl: 1.75;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-s: 8px;
  --radius-m: 12px;
  --radius-l: 16px;
  --radius-xl: 32px;
  --radius-full: 9999px;
  --spacing-xxs: 4px;
  --spacing-xs: 8px;
  --spacing-s: 16px;
  --spacing-m: 24px;
  --spacing-l: 32px;
  --spacing-xl: 40px;
  --spacing-xxl: 48px;
  --spacing-xxxl: 64px;
  --shadow-sharp: 0px 0px 2px 0px var(--black-black-150), 0px 2px 4px 0px var(--black-black-100);
  --shadow-muted: 0px 4px 12px 0px var(--black-black-150);
  --shadow-soft: 0px 4px 8px 0px var(--black-black-150), 0px 8px 24px 0px var(--black-black-100);
  --shadow-diffuse: 0px 8px 56px 0px var(--black-black-150), 0px 12px 24px -4px var(--black-black-250);
  --tets-maurizio: #ff00df;
  --screen-xs: 0px;
  --screen-sm: 576px;
  --screen-md: 768px;
  --screen-lg: 1024px;
  --screen-xl: 1280px;
  --screen-xxl: 1400px;
  --container-sm: 540px;
  --container-md: 720px;
  --container-lg: 960px;
  --container-xl: 1140px;
  --container-xxl: 1320px;
  --grid-columns-4: 4;
  --grid-columns-8: 8;
  --grid-columns-12: 12;
  --beige-beige-200: #f4f0e7;
  --beige-beige-400: #ddd3bf;
  --beige-beige-500: #c6b598;
  --beige-beige-600: #ae966e;
  --color-background-primary: var(--blu-blu-500);
  --color-background-primary-light: var(--blu-blu-200);
  --color-background-primary-lighter: var(--blu-blu-100);
  --color-background-primary-hover: var(--blu-blu-600);
  --color-background-primary-active: var(--blu-blu-600);
  --color-background-primary-deep: var(--blu-blu-800);
  --color-background-inverse: var(--white-white-1000);
  --color-background-inverse-hover: var(--gray-gray-100);
  --color-background-inverse-active: var(--gray-gray-100);
  --color-background-accent: var(--orange-orange-500);
  --color-background-accent-hover: var(--orange-orange-600);
  --color-background-accent-active: var(--orange-orange-600);
  --color-background-muted: var(--gray-gray-600);
  --color-background-disabled: var(--gray-gray-500);
  --color-background-success: var(--green-green-500);
  --color-background-success-light: var(--green-green-200);
  --color-background-warning: var(--serviziaggiuntivi-amber-500);
  --color-background-warning-light: var(--yellow-yellow-200);
  --color-background-danger: var(--red-red-500);
  --color-background-danger-light: var(--red-red-200);
  --color-background-danger-hover: var(--red-red-600);
  --color-background-danger-active: var(--red-red-600);
  --color-background-neutro: var(--beige-beige-200);
  --color-background-neutro-dark: var(--beige-beige-400);
  --color-text-base: var(--gray-gray-800);
  --color-text-primary: var(--blu-blu-500);
  --color-text-primary-hover: var(--blu-blu-700);
  --color-text-secondary: var(--gray-gray-800);
  --color-text-primary-active: var(--blu-blu-800);
  --color-text-muted: var(--gray-gray-600);
  --color-text-disabled: var(--gray-gray-500);
  --color-text-success: var(--green-green-600);
  --color-text-warning: var(--yellow-yellow-600);
  --color-text-danger: var(--red-red-600);
  --color-text-inverse: var(--white-white-1000);
  --color-link-base: var(--color-text-primary);
  --color-link-base-hover: var(--color-text-primary-hover);
  --color-link-base-active: var(--color-text-primary-active);
  --color-link-secondary: var(--gray-gray-800);
  --color-link-inverse: var(--white-white-1000);
  --color-link-disabled: var(--gray-gray-400);
  --color-border-primary: var(--blu-blu-500);
  --color-border-primary-hover: var(--blu-blu-600);
  --color-border-primary-active: var(--blu-blu-800);
  --color-border-secondary: var(--gray-gray-400);
  --color-border-disabled: var(--gray-gray-400);
  --color-border-success: var(--green-green-500);
  --color-border-warning: var(--serviziaggiuntivi-amber-500);
  --color-border-danger: var(--red-red-500);
  --color-border-danger-hover: var(--red-red-600);
  --color-border-danger-active: var(--red-red-600);
  --color-border-danger-inverse: var(--white-white-1000);
  --color-icon-base: var(--gray-gray-800);
  --color-icon-primary: var(--blu-blu-500);
  --color-icon-secondary: var(--gray-gray-800);
  --color-icon-muted: var(--gray-gray-600);
  --color-icon-disabled: var(--gray-gray-500);
  --color-icon-success: var(--green-green-600);
  --color-icon-warning: var(--yellow-yellow-600);
  --color-icon-danger: var(--red-red-600);
  --color-icon-inverse: var(--white-white-1000);
  --body-font-default: var(--font-01);
  --body-font-display: var(--font-01);
  --heading-1-font-weight-bold: var(--font-weight-bold);
  --heading-accent-font-weight-bold: var(--font-weight-bold);
  --heading-1-font-weight-regular: var(--font-weight-regular);
  --heading-1-font-weight-italic: var(--font-weight-italic);
  --heading-2-font-weight-bold: var(--font-weight-bold);
  --heading-2-font-weight-regular: var(--font-weight-regular);
  --heading-2-font-weight-italic: var(--font-weight-italic);
  --heading-3-font-weight-bold: var(--font-weight-bold);
  --heading-3-font-weight-regular: var(--font-weight-regular);
  --heading-3-font-weight-italic: var(--font-weight-italic);
  --heading-4-font-weight-bold: var(--font-weight-bold);
  --heading-4-font-weight-regular: var(--font-weight-regular);
  --heading-4-font-weight-italic: var(--font-weight-italic);
  --heading-5-font-weight-bold: var(--font-weight-bold);
  --heading-5-font-weight-regular: var(--font-weight-regular);
  --heading-5-font-weight-italic: var(--font-weight-italic);
  --heading-6-font-weight-bold: var(--font-weight-bold);
  --heading-6-font-weight-regular: var(--font-weight-regular);
  --heading-6-font-weight-italic: var(--font-weight-italic);
  --body-font-weight: var(--font-weight-regular);
  --lead-font-weight: var(--font-weight-medium);
  --caption-font-weight-regular: var(--font-weight-regular);
  --subtitle-font-weight: var(--font-weight-regular);
  --eyebrow-font-weight: var(--font-weight-bold);
  --caption-font-weight-semibold: var(--font-weight-semibold);
  --heading-1-line-height: var(--font-line-height-s);
  --heading-accent-line-height: var(--font-line-height-s);
  --heading-1-line-height-lg: var(--font-line-height-s);
  --heading-2-line-height: var(--font-line-height-s);
  --heading-2-line-height-lg: var(--font-line-height-s);
  --heading-3-line-height: var(--font-line-height-m);
  --heading-3-line-height-lg: var(--font-line-height-s);
  --heading-4-line-height: var(--font-line-height-m);
  --heading-4-line-height-lg: var(--font-line-height-m);
  --heading-5-line-height: var(--font-line-height-l);
  --heading-5-line-height-lg: var(--font-line-height-m);
  --heading-6-line-height: var(--font-line-height-l);
  --heading-6-line-height-lg: var(--font-line-height-l);
  --body-line-height: var(--font-line-height-l);
  --lead-line-height: var(--font-line-height-l);
  --caption-line-height: var(--font-line-height-l);
  --subtitle-large-line-height: var(--font-line-height-m);
  --subtitle-large-line-height-lg: var(--font-line-height-m);
  --subtitle-medium-line-height: var(--font-line-height-l);
  --eyebrow-line-height: var(--font-line-height-l);
  --subtitle-medium-line-height-lg: var(--font-line-height-m);
  --heading-1-font-size: var(--font-size-7);
  --heading-accent-font-size: var(--font-size-10);
  --heading-accent-font-size-lg: var(--font-size-11);
  --heading-1-font-size-lg: var(--font-size-9);
  --heading-emphasis-1-font-size-lg: var(--font-size-10);
  --heading-2-font-size: var(--font-size-7);
  --heading-2-font-size-lg: var(--font-size-8);
  --heading-3-font-size: var(--font-size-6);
  --heading-3-font-size-lg: var(--font-size-7);
  --heading-4-font-size: var(--font-size-5);
  --heading-4-font-size-lg: var(--font-size-6);
  --heading-5-font-size: var(--font-size-4);
  --heading-5-font-size-lg: var(--font-size-5);
  --heading-6-font-size: var(--font-size-3);
  --heading-6-font-size-lg: var(--font-size-4);
  --body-font-size: var(--font-size-3);
  --body-large-font-size: var(--font-size-4);
  --lead-1-font-size: var(--font-size-6);
  --lead-2-font-size: var(--font-size-5);
  --lead-1-font-size-lg: var(--font-size-7);
  --lead-2-font-size-lg: var(--font-size-6);
  --caprion-font-size: var(--font-size-2);
  --eyebrow-font-size: var(--font-size-1);
  --eyebrow-font-size-lg: var(--font-size-3);
  --subtitle-large-font-size: var(--font-size-5);
  --subtitle-medium-font-size: var(--font-size-4);
  --subtitle-medium-font-size-lg: var(--font-size-5);
  --subtitle-large-font-size-lg: var(--font-size-6);
  --spacing-stack-xs: var(--spacing-xs);
  --spacing-stack-s: var(--spacing-s);
  --spacing-stack-m: var(--spacing-m);
  --spacing-stack-l: var(--spacing-l);
  --spacing-stack-xl: var(--spacing-xl);
  --spacing-stack-xxl: var(--spacing-xxl);
  --spacing-stack-xxxl: var(--spacing-xxxl);
  --spacing-inline-xxs: var(--spacing-xxs);
  --spacing-inline-xs: var(--spacing-xs);
  --spacing-inline-s: var(--spacing-stack-s);
  --spacing-inline-m: var(--spacing-m);
  --spacing-inline-l: var(--spacing-l);
  --spacing-inset-xs: var(--spacing-xs);
  --spacing-inset-s: var(--spacing-s);
  --spacing-inset-m: var(--spacing-m);
  --spacing-inset-l: var(--spacing-l);
  --spacing-inset-xl: var(--spacing-xl);
  --layout-gutter-sm: var(--spacing-stack-xs);
  --layout-gutter-s: var(--spacing-stack-s);
  --layout-gutter-m: var(--spacing-stack-m);
  --layout-margin-sm: var(--spacing-stack-s);
  --layout-margin-md: var(--spacing-stack-m);
  --layout-margin-lg: var(--spacing-stack-l);
  --layout-container-max-width-sm: var(--container-sm);
  --layout-container-max-width-md: var(--container-md);
  --layout-container-max-width-lg: var(--container-lg);
  --layout-container-max-width-xl: var(--container-xl);
  --layout-container-max-width-xxl: var(--container-xxl);
  --layout-columns-sm: var(--grid-columns-4);
  --layout-columns-md: var(--grid-columns-8);
  --layout-columns-lg: var(--grid-columns-12);
  --heading-1-fontfamily: var(--font-01);
  --heading-1-fontweight: var(--heading-1-font-weight-bold);
  --heading-1-fontsize: var(--heading-1-font-size);
  --heading-1-lineheight: var(--heading-1-line-height);
  --heading-2-fontfamily: var(--font-01);
  --heading-2-fontweight: var(--heading-2-font-weight-bold);
  --heading-2-fontsize: var(--heading-2-font-size);
  --heading-2-lineheight: var(--heading-2-line-height);
  --heading-3-fontfamily: var(--font-01);
  --heading-3-fontweight: var(--heading-3-font-weight-bold);
  --heading-3-fontsize: var(--heading-3-font-size);
  --heading-3-lineheight: var(--heading-3-line-height);
  --heading-4-fontfamily: var(--font-01);
  --heading-4-fontweight: var(--heading-4-font-weight-bold);
  --heading-4-fontsize: var(--heading-4-font-size);
  --heading-4-lineheight: var(--heading-4-line-height);
  --heading-5-fontfamily: var(--font-01);
  --heading-5-fontweight: var(--heading-5-font-weight-bold);
  --heading-5-fontsize: var(--heading-5-font-size);
  --heading-5-lineheight: var(--heading-5-line-height);
  --heading-6-fontfamily: var(--font-01);
  --heading-6-fontweight: var(--heading-6-font-weight-bold);
  --heading-6-fontsize: var(--heading-6-font-size);
  --heading-6-lineheight: var(--heading-6-line-height);
  --heading-accent-fontfamily: var(--font-01);
  --heading-accent-fontweight: var(--heading-accent-font-weight-bold);
  --heading-accent-fontsize: var(--heading-accent-font-size);
  --heading-accent-lineheight: var(--heading-accent-line-height);
  --heading-accent-lg-fontfamily: var(--font-01);
  --heading-accent-lg-fontweight: var(--heading-accent-font-weight-bold);
  --heading-accent-lg-fontsize: var(--heading-accent-font-size-lg);
  --heading-accent-lg-lineheight: var(--heading-accent-line-height);
  --heading-1-lg-fontfamily: var(--font-01);
  --heading-1-lg-fontweight: var(--heading-1-font-weight-bold);
  --heading-1-lg-fontsize: var(--heading-1-font-size-lg);
  --heading-1-lg-lineheight: var(--heading-1-line-height-lg);
  --heading-2-lg-fontfamily: var(--font-01);
  --heading-2-lg-fontweight: var(--heading-2-font-weight-bold);
  --heading-2-lg-fontsize: var(--heading-2-font-size-lg);
  --heading-2-lg-lineheight: var(--heading-2-line-height-lg);
  --heading-3-lg-fontfamily: var(--font-01);
  --heading-3-lg-fontweight: var(--heading-3-font-weight-bold);
  --heading-3-lg-fontsize: var(--heading-3-font-size-lg);
  --heading-3-lg-lineheight: var(--heading-3-line-height-lg);
  --heading-4-lg-fontfamily: var(--font-01);
  --heading-4-lg-fontweight: var(--heading-4-font-weight-bold);
  --heading-4-lg-fontsize: var(--heading-4-font-size-lg);
  --heading-4-lg-lineheight: var(--heading-4-line-height-lg);
  --heading-5-lg-fontfamily: var(--font-01);
  --heading-5-lg-fontweight: var(--heading-5-font-weight-bold);
  --heading-5-lg-fontsize: var(--heading-5-font-size-lg);
  --heading-5-lg-lineheight: var(--heading-5-line-height-lg);
  --heading-6-lg-fontfamily: var(--font-01);
  --heading-6-lg-fontweight: var(--heading-6-font-weight-bold);
  --heading-6-lg-fontsize: var(--heading-6-font-size-lg);
  --heading-6-lg-lineheight: var(--heading-6-line-height-lg);
  --heading-serif-1-fontfamily: var(--font-02);
  --heading-serif-1-fontsize: var(--heading-1-font-size);
  --heading-serif-1-lineheight: var(--heading-1-line-height);
  --heading-serif-1-fontweight: var(--font-weight-regular);
  --heading-serif-2-fontfamily: var(--font-02);
  --heading-serif-2-fontweight: var(--font-weight-regular);
  --heading-serif-2-fontsize: var(--heading-2-font-size);
  --heading-serif-2-lineheight: var(--heading-2-line-height);
  --heading-serif-3-fontfamily: var(--font-02);
  --heading-serif-3-fontweight: var(--font-weight-regular);
  --heading-serif-3-fontsize: var(--heading-3-font-size);
  --heading-serif-3-lineheight: var(--heading-3-line-height);
  --heading-serif-4-fontfamily: var(--font-02);
  --heading-serif-4-fontweight: var(--font-weight-regular);
  --heading-serif-4-fontsize: var(--heading-4-font-size);
  --heading-serif-4-lineheight: var(--heading-4-line-height);
  --heading-serif-5-fontfamily: var(--font-02);
  --heading-serif-5-fontweight: var(--font-weight-regular);
  --heading-serif-5-fontsize: var(--heading-5-font-size);
  --heading-serif-5-lineheight: var(--heading-5-line-height);
  --heading-serif-6-fontfamily: var(--font-02);
  --heading-serif-6-fontweight: var(--font-weight-regular);
  --heading-serif-6-fontsize: var(--heading-6-font-size);
  --heading-serif-6-lineheight: var(--heading-6-line-height);
  --heading-serif-1-italic-fontfamily: var(--font-02);
  --heading-serif-1-italic-fontweight: var(--font-weight-italic);
  --heading-serif-1-italic-fontsize: var(--heading-1-font-size);
  --heading-serif-1-italic-lineheight: var(--heading-1-line-height);
  --heading-serif-2-italic-fontfamily: var(--font-02);
  --heading-serif-2-italic-fontweight: var(--font-weight-italic);
  --heading-serif-2-italic-fontsize: var(--heading-2-font-size);
  --heading-serif-2-italic-lineheight: var(--heading-2-line-height);
  --heading-serif-3-italic-fontfamily: var(--font-02);
  --heading-serif-3-italic-fontweight: var(--font-weight-italic);
  --heading-serif-3-italic-fontsize: var(--heading-3-font-size);
  --heading-serif-3-italic-lineheight: var(--heading-3-line-height);
  --heading-serif-4-italic-fontfamily: var(--font-02);
  --heading-serif-4-italic-fontweight: var(--font-weight-italic);
  --heading-serif-4-italic-fontsize: var(--heading-4-font-size);
  --heading-serif-4-italic-lineheight: var(--heading-4-line-height);
  --heading-serif-5-italic-fontfamily: var(--font-02);
  --heading-serif-5-italic-fontweight: var(--font-weight-italic);
  --heading-serif-5-italic-fontsize: var(--heading-5-font-size);
  --heading-serif-5-italic-lineheight: var(--heading-5-line-height);
  --heading-serif-6-italic-fontfamily: var(--font-02);
  --heading-serif-6-italic-fontweight: var(--font-weight-italic);
  --heading-serif-6-italic-fontsize: var(--heading-6-font-size);
  --heading-serif-6-italic-lineheight: var(--heading-6-line-height);
  --heading-serif-1-lg-fontfamily: var(--font-02);
  --heading-serif-1-lg-fontweight: var(--caption-font-weight-regular);
  --heading-serif-1-lg-fontsize: var(--heading-1-font-size-lg);
  --heading-serif-1-lg-lineheight: var(--heading-1-line-height-lg);
  --heading-serif-1-italic-lg-fontfamily: var(--font-02);
  --heading-serif-1-italic-lg-fontweight: var(--font-weight-italic);
  --heading-serif-1-italic-lg-fontsize: var(--heading-1-font-size-lg);
  --heading-serif-1-italic-lg-lineheight: var(--heading-1-line-height-lg);
  --heading-serif-2-lg-fontfamily: var(--font-02);
  --heading-serif-2-lg-fontweight: var(--caption-font-weight-regular);
  --heading-serif-2-lg-fontsize: var(--heading-2-font-size-lg);
  --heading-serif-2-lg-lineheight: var(--heading-2-line-height-lg);
  --heading-serif-1-italic-accent-fontfamily: var(--font-02);
  --heading-serif-1-italic-accent-fontsize: var(--heading-accent-font-size);
  --heading-serif-1-italic-accent-lineheight: var(--heading-1-line-height);
  --heading-serif-1-italic-accent-fontweight: var(--font-weight-italic);
  --heading-serif-1-italic-accent-lg-fontfamily: var(--font-02);
  --heading-serif-1-italic-accent-lg-fontsize: var(--heading-accent-font-size-lg);
  --heading-serif-1-italic-accent-lg-lineheight: var(--heading-1-line-height);
  --heading-serif-1-italic-accent-lg-fontweight: var(--font-weight-italic);
  --heading-serif-2-italic-lg-fontfamily: var(--font-02);
  --heading-serif-2-italic-lg-fontweight: var(--font-weight-italic);
  --heading-serif-2-italic-lg-fontsize: var(--heading-2-font-size-lg);
  --heading-serif-2-italic-lg-lineheight: var(--heading-2-line-height-lg);
  --heading-serif-3-lg-fontfamily: var(--font-02);
  --heading-serif-3-lg-fontweight: var(--caption-font-weight-regular);
  --heading-serif-3-lg-fontsize: var(--heading-3-font-size-lg);
  --heading-serif-3-lg-lineheight: var(--heading-3-line-height-lg);
  --heading-serif-3-italic-lg-fontfamily: var(--font-02);
  --heading-serif-3-italic-lg-fontweight: var(--heading-1-font-weight-italic);
  --heading-serif-3-italic-lg-fontsize: var(--heading-3-font-size-lg);
  --heading-serif-3-italic-lg-lineheight: var(--heading-3-line-height-lg);
  --heading-serif-4-lg-fontfamily: var(--font-02);
  --heading-serif-4-lg-fontweight: var(--caption-font-weight-regular);
  --heading-serif-4-lg-fontsize: var(--heading-4-font-size-lg);
  --heading-serif-4-lg-lineheight: var(--heading-4-line-height-lg);
  --heading-serif-4-italic-lg-fontfamily: var(--font-02);
  --heading-serif-4-italic-lg-fontweight: var(--font-weight-italic);
  --heading-serif-4-italic-lg-fontsize: var(--heading-4-font-size-lg);
  --heading-serif-4-italic-lg-lineheight: var(--heading-4-line-height-lg);
  --heading-serif-5-lg-fontfamily: var(--font-02);
  --heading-serif-5-lg-fontweight: var(--caption-font-weight-regular);
  --heading-serif-5-lg-fontsize: var(--heading-5-font-size-lg);
  --heading-serif-5-lg-lineheight: var(--heading-5-line-height-lg);
  --heading-serif-5-italic-lg-fontfamily: var(--font-02);
  --heading-serif-5-italic-lg-fontsize: var(--heading-5-font-size-lg);
  --heading-serif-5-italic-lg-lineheight: var(--heading-5-line-height-lg);
  --heading-serif-5-italic-lg-fontweight: var(--font-weight-italic);
  --heading-serif-6-lg-fontfamily: var(--font-02);
  --heading-serif-6-lg-fontweight: var(--caption-font-weight-regular);
  --heading-serif-6-lg-fontsize: var(--heading-6-font-size-lg);
  --heading-serif-6-lg-lineheight: var(--heading-6-line-height-lg);
  --heading-serif-6-italic-lg-fontfamily: var(--font-02);
  --heading-serif-6-italic-lg-fontweight: var(--font-weight-italic);
  --heading-serif-6-italic-lg-fontsize: var(--heading-6-font-size-lg);
  --heading-serif-6-italic-lg-lineheight: var(--heading-6-line-height-lg);
  --body-font-01-fontfamily: var(--font-01);
  --body-font-01-fontweight: var(--body-font-weight);
  --body-font-01-fontsize: var(--body-font-size);
  --body-font-01-lineheight: var(--body-line-height);
  --body-font-01-large-fontfamily: var(--font-01);
  --body-font-01-large-fontweight: var(--body-font-weight);
  --body-font-01-large-fontsize: var(--body-large-font-size);
  --body-font-01-large-lineheight: var(--body-line-height);
  --body-font-02-fontfamily: var(--font-02);
  --body-font-02-fontweight: var(--body-font-weight);
  --body-font-02-fontsize: var(--body-font-size);
  --body-font-02-lineheight: var(--body-line-height);
  --body-font-02-large-fontfamily: var(--font-02);
  --body-font-02-large-fontweight: var(--body-font-weight);
  --body-font-02-large-fontsize: var(--body-large-font-size);
  --body-font-02-large-lineheight: var(--body-line-height);
  --lead-1-fontfamily: var(--font-01);
  --lead-1-fontweight: var(--lead-font-weight);
  --lead-1-fontsize: var(--lead-1-font-size);
  --lead-1-lineheight: var(--lead-line-height);
  --lead-2-fontfamily: var(--font-01);
  --lead-2-fontweight: var(--lead-font-weight);
  --lead-2-fontsize: var(--lead-2-font-size);
  --lead-2-lineheight: var(--lead-line-height);
  --lead-1-lg-fontfamily: var(--font-01);
  --lead-1-lg-fontweight: var(--lead-font-weight);
  --lead-1-lg-fontsize: var(--lead-1-font-size-lg);
  --lead-1-lg-lineheight: var(--lead-line-height);
  --lead-2-lg-fontfamily: var(--font-01);
  --lead-2-lg-fontweight: var(--lead-font-weight);
  --lead-2-lg-fontsize: var(--lead-2-font-size-lg);
  --lead-2-lg-lineheight: var(--lead-line-height);
  --caption-semibold-fontfamily: var(--font-01);
  --caption-semibold-fontweight: var(--caption-font-weight-semibold);
  --caption-semibold-fontsize: var(--caprion-font-size);
  --caption-semibold-lineheight: var(--caption-line-height);
  --caption-regular-fontfamily: var(--font-01);
  --caption-regular-fontweight: var(--caption-font-weight-regular);
  --caption-regular-fontsize: var(--caprion-font-size);
  --caption-regular-lineheight: var(--caption-line-height);
  --subtitle-medium-fontfamily: var(--font-01);
  --subtitle-medium-fontweight: var(--subtitle-font-weight);
  --subtitle-medium-fontsize: var(--subtitle-medium-font-size);
  --subtitle-medium-lineheight: var(--subtitle-medium-line-height);
  --subtitle-large-fontfamily: var(--font-01);
  --subtitle-large-fontweight: var(--subtitle-font-weight);
  --subtitle-large-fontsize: var(--subtitle-large-font-size);
  --subtitle-large-lineheight: var(--subtitle-large-line-height);
  --subtitle-large-lg-fontfamily: var(--font-01);
  --subtitle-large-lg-fontweight: var(--subtitle-font-weight);
  --subtitle-large-lg-fontsize: var(--subtitle-large-font-size-lg);
  --subtitle-large-lg-lineheight: var(--subtitle-large-line-height-lg);
  --subtitle-medium-lg-fontfamily: var(--font-01);
  --subtitle-medium-lg-fontweight: var(--subtitle-font-weight);
  --subtitle-medium-lg-fontsize: var(--subtitle-medium-font-size-lg);
  --subtitle-medium-lg-lineheight: var(--subtitle-medium-line-height-lg);
  --eyebrow-small-fontfamily: var(--font-01);
  --eyebrow-small-fontweight: var(--eyebrow-font-weight);
  --eyebrow-small-fontsize: var(--eyebrow-font-size);
  --eyebrow-small-lineheight: var(--eyebrow-line-height);
  --eyebrow-small-lg-fontfamily: var(--font-01);
  --eyebrow-small-lg-fontweight: var(--eyebrow-font-weight);
  --eyebrow-small-lg-fontsize: var(--eyebrow-font-size-lg);
  --eyebrow-small-lg-lineheight: var(--eyebrow-line-height);
  --container: 1320px;
  --container-medium: 856px;
  --halloween-purple: #5d23e8;
  --typography-heading-serif-1-lg: {"fontFamily":"Libre Baskerville","fontWeight":"Regular","fontSize":"48px","lineHeight":"120.00000476837158%","letterSpacing":"0%"};
  --typography-lead-1-lg: {"fontFamily":"Public Sans","fontWeight":"Medium","fontSize":"32px","lineHeight":"150%","letterSpacing":"0%"};
  --typography-subtitle-medium-lg: {"fontFamily":"Public Sans","fontWeight":"Medium","fontSize":"20px","lineHeight":"129.99999523162842%","letterSpacing":"0%"};
  --typography-caption-regular: {"fontFamily":"Public Sans","fontWeight":"Medium","fontSize":"14px","lineHeight":"150%","letterSpacing":"0%"};
  --typography-eyebrow-small-lg: {"fontFamily":"Public Sans","fontWeight":"Bold","fontSize":"16px","lineHeight":"150%","letterSpacing":"0%"};
  --typography-heading-serif-1-italic-lg: {"fontFamily":"Libre Baskerville","fontWeight":"Italic","fontSize":"48px","lineHeight":"120.00000476837158%","letterSpacing":"0%"};
  --typography-body-font-01-large: {"fontFamily":"Public Sans","fontWeight":"Medium","fontSize":"18px","lineHeight":"150%","letterSpacing":"0%"};
  --typography-lead-2-lg: {"fontFamily":"Public Sans","fontWeight":"Medium","fontSize":"24px","lineHeight":"150%","letterSpacing":"0%"};
  --typography-heading-2-lg: {"fontFamily":"Public Sans","fontWeight":"Bold","fontSize":"40px","lineHeight":"120.00000476837158%","letterSpacing":"0%"};
  --typography-heading-4-lg: {"fontFamily":"Public Sans","fontWeight":"Bold","fontSize":"24px","lineHeight":"129.99999523162842%","letterSpacing":"0%"};
  --typography-heading-6: {"fontFamily":"Public Sans","fontWeight":"Bold","fontSize":"16px","lineHeight":"150%","letterSpacing":"0%"};
  --typography-body-font-01: {"fontFamily":"Public Sans","fontWeight":"Medium","fontSize":"16px","lineHeight":"150%","letterSpacing":"0%"};
  --typography-heading-serif-1: {"fontFamily":"Libre Baskerville","fontWeight":"Regular","fontSize":"32px","lineHeight":"120.00000476837158%","letterSpacing":"0%"};
  --typography-lead-1: {"fontFamily":"Public Sans","fontWeight":"Medium","fontSize":"24px","lineHeight":"150%","letterSpacing":"0%"};
  --typography-subtitle-medium: {"fontFamily":"Public Sans","fontWeight":"Medium","fontSize":"18px","lineHeight":"150%","letterSpacing":"0%"};
  --typography-heading-serif-1-italic: {"fontFamily":"Libre Baskerville","fontWeight":"Italic","fontSize":"32px","lineHeight":"120.00000476837158%","letterSpacing":"0%"};
}

/* xl */
@media (max-width: 1399px) {
  :root {
  --container: 1140px;
  --container-medium: 736px;
  }
}

/* lg */
@media (max-width: 1279px) {
  :root {
  --container: 960px;
  --container-medium: 616px;
  }
}

/* md */
@media (max-width: 1023px) {
  :root {
  --container: 720px;
  --container-medium: 576px;
  }
}

/* sm */
@media (max-width: 767px) {
  :root {
  --container: 540px;
  --container-medium: 540px;
  }
}

/* xs */
@media (max-width: 575px) {
  :root {
  --container: 320px;
  --container-medium: 320px;
  }
}

/* ==========================================================================
   Token utility classes (generated - one per token)
   ========================================================================== */

/* Typography styles */
.heading-1 {
  font-family: var(--heading-1-fontfamily);
  font-weight: var(--heading-1-fontweight);
  font-size: var(--heading-1-fontsize);
  line-height: var(--heading-1-lineheight);
}
.heading-2 {
  font-family: var(--heading-2-fontfamily);
  font-weight: var(--heading-2-fontweight);
  font-size: var(--heading-2-fontsize);
  line-height: var(--heading-2-lineheight);
}
.heading-3 {
  font-family: var(--heading-3-fontfamily);
  font-weight: var(--heading-3-fontweight);
  font-size: var(--heading-3-fontsize);
  line-height: var(--heading-3-lineheight);
}
.heading-4 {
  font-family: var(--heading-4-fontfamily);
  font-weight: var(--heading-4-fontweight);
  font-size: var(--heading-4-fontsize);
  line-height: var(--heading-4-lineheight);
}
.heading-5 {
  font-family: var(--heading-5-fontfamily);
  font-weight: var(--heading-5-fontweight);
  font-size: var(--heading-5-fontsize);
  line-height: var(--heading-5-lineheight);
}
.heading-6 {
  font-family: var(--heading-6-fontfamily);
  font-weight: var(--heading-6-fontweight);
  font-size: var(--heading-6-fontsize);
  line-height: var(--heading-6-lineheight);
}
.heading-accent {
  font-family: var(--heading-accent-fontfamily);
  font-weight: var(--heading-accent-fontweight);
  font-size: var(--heading-accent-fontsize);
  line-height: var(--heading-accent-lineheight);
}
.heading-accent-lg {
  font-family: var(--heading-accent-lg-fontfamily);
  font-weight: var(--heading-accent-lg-fontweight);
  font-size: var(--heading-accent-lg-fontsize);
  line-height: var(--heading-accent-lg-lineheight);
}
.heading-1-lg {
  font-family: var(--heading-1-lg-fontfamily);
  font-weight: var(--heading-1-lg-fontweight);
  font-size: var(--heading-1-lg-fontsize);
  line-height: var(--heading-1-lg-lineheight);
}
.heading-2-lg {
  font-family: var(--heading-2-lg-fontfamily);
  font-weight: var(--heading-2-lg-fontweight);
  font-size: var(--heading-2-lg-fontsize);
  line-height: var(--heading-2-lg-lineheight);
}
.heading-3-lg {
  font-family: var(--heading-3-lg-fontfamily);
  font-weight: var(--heading-3-lg-fontweight);
  font-size: var(--heading-3-lg-fontsize);
  line-height: var(--heading-3-lg-lineheight);
}
.heading-4-lg {
  font-family: var(--heading-4-lg-fontfamily);
  font-weight: var(--heading-4-lg-fontweight);
  font-size: var(--heading-4-lg-fontsize);
  line-height: var(--heading-4-lg-lineheight);
}
.heading-5-lg {
  font-family: var(--heading-5-lg-fontfamily);
  font-weight: var(--heading-5-lg-fontweight);
  font-size: var(--heading-5-lg-fontsize);
  line-height: var(--heading-5-lg-lineheight);
}
.heading-6-lg {
  font-family: var(--heading-6-lg-fontfamily);
  font-weight: var(--heading-6-lg-fontweight);
  font-size: var(--heading-6-lg-fontsize);
  line-height: var(--heading-6-lg-lineheight);
}
.heading-serif-1 {
  font-family: var(--heading-serif-1-fontfamily);
  font-size: var(--heading-serif-1-fontsize);
  line-height: var(--heading-serif-1-lineheight);
  font-weight: var(--heading-serif-1-fontweight);
}
.heading-serif-2 {
  font-family: var(--heading-serif-2-fontfamily);
  font-weight: var(--heading-serif-2-fontweight);
  font-size: var(--heading-serif-2-fontsize);
  line-height: var(--heading-serif-2-lineheight);
}
.heading-serif-3 {
  font-family: var(--heading-serif-3-fontfamily);
  font-weight: var(--heading-serif-3-fontweight);
  font-size: var(--heading-serif-3-fontsize);
  line-height: var(--heading-serif-3-lineheight);
}
.heading-serif-4 {
  font-family: var(--heading-serif-4-fontfamily);
  font-weight: var(--heading-serif-4-fontweight);
  font-size: var(--heading-serif-4-fontsize);
  line-height: var(--heading-serif-4-lineheight);
}
.heading-serif-5 {
  font-family: var(--heading-serif-5-fontfamily);
  font-weight: var(--heading-serif-5-fontweight);
  font-size: var(--heading-serif-5-fontsize);
  line-height: var(--heading-serif-5-lineheight);
}
.heading-serif-6 {
  font-family: var(--heading-serif-6-fontfamily);
  font-weight: var(--heading-serif-6-fontweight);
  font-size: var(--heading-serif-6-fontsize);
  line-height: var(--heading-serif-6-lineheight);
}
.heading-serif-1-italic {
  font-family: var(--heading-serif-1-italic-fontfamily);
  font-weight: var(--heading-serif-1-italic-fontweight);
  font-size: var(--heading-serif-1-italic-fontsize);
  line-height: var(--heading-serif-1-italic-lineheight);
}
.heading-serif-2-italic {
  font-family: var(--heading-serif-2-italic-fontfamily);
  font-weight: var(--heading-serif-2-italic-fontweight);
  font-size: var(--heading-serif-2-italic-fontsize);
  line-height: var(--heading-serif-2-italic-lineheight);
}
.heading-serif-3-italic {
  font-family: var(--heading-serif-3-italic-fontfamily);
  font-weight: var(--heading-serif-3-italic-fontweight);
  font-size: var(--heading-serif-3-italic-fontsize);
  line-height: var(--heading-serif-3-italic-lineheight);
}
.heading-serif-4-italic {
  font-family: var(--heading-serif-4-italic-fontfamily);
  font-weight: var(--heading-serif-4-italic-fontweight);
  font-size: var(--heading-serif-4-italic-fontsize);
  line-height: var(--heading-serif-4-italic-lineheight);
}
.heading-serif-5-italic {
  font-family: var(--heading-serif-5-italic-fontfamily);
  font-weight: var(--heading-serif-5-italic-fontweight);
  font-size: var(--heading-serif-5-italic-fontsize);
  line-height: var(--heading-serif-5-italic-lineheight);
}
.heading-serif-6-italic {
  font-family: var(--heading-serif-6-italic-fontfamily);
  font-weight: var(--heading-serif-6-italic-fontweight);
  font-size: var(--heading-serif-6-italic-fontsize);
  line-height: var(--heading-serif-6-italic-lineheight);
}
.heading-serif-1-lg {
  font-family: var(--heading-serif-1-lg-fontfamily);
  font-weight: var(--heading-serif-1-lg-fontweight);
  font-size: var(--heading-serif-1-lg-fontsize);
  line-height: var(--heading-serif-1-lg-lineheight);
}
.heading-serif-1-italic-lg {
  font-family: var(--heading-serif-1-italic-lg-fontfamily);
  font-weight: var(--heading-serif-1-italic-lg-fontweight);
  font-size: var(--heading-serif-1-italic-lg-fontsize);
  line-height: var(--heading-serif-1-italic-lg-lineheight);
}
.heading-serif-2-lg {
  font-family: var(--heading-serif-2-lg-fontfamily);
  font-weight: var(--heading-serif-2-lg-fontweight);
  font-size: var(--heading-serif-2-lg-fontsize);
  line-height: var(--heading-serif-2-lg-lineheight);
}
.heading-serif-1-italic-accent {
  font-family: var(--heading-serif-1-italic-accent-fontfamily);
  font-size: var(--heading-serif-1-italic-accent-fontsize);
  line-height: var(--heading-serif-1-italic-accent-lineheight);
  font-weight: var(--heading-serif-1-italic-accent-fontweight);
}
.heading-serif-1-italic-accent-lg {
  font-family: var(--heading-serif-1-italic-accent-lg-fontfamily);
  font-size: var(--heading-serif-1-italic-accent-lg-fontsize);
  line-height: var(--heading-serif-1-italic-accent-lg-lineheight);
  font-weight: var(--heading-serif-1-italic-accent-lg-fontweight);
}
.heading-serif-2-italic-lg {
  font-family: var(--heading-serif-2-italic-lg-fontfamily);
  font-weight: var(--heading-serif-2-italic-lg-fontweight);
  font-size: var(--heading-serif-2-italic-lg-fontsize);
  line-height: var(--heading-serif-2-italic-lg-lineheight);
}
.heading-serif-3-lg {
  font-family: var(--heading-serif-3-lg-fontfamily);
  font-weight: var(--heading-serif-3-lg-fontweight);
  font-size: var(--heading-serif-3-lg-fontsize);
  line-height: var(--heading-serif-3-lg-lineheight);
}
.heading-serif-3-italic-lg {
  font-family: var(--heading-serif-3-italic-lg-fontfamily);
  font-weight: var(--heading-serif-3-italic-lg-fontweight);
  font-size: var(--heading-serif-3-italic-lg-fontsize);
  line-height: var(--heading-serif-3-italic-lg-lineheight);
}
.heading-serif-4-lg {
  font-family: var(--heading-serif-4-lg-fontfamily);
  font-weight: var(--heading-serif-4-lg-fontweight);
  font-size: var(--heading-serif-4-lg-fontsize);
  line-height: var(--heading-serif-4-lg-lineheight);
}
.heading-serif-4-italic-lg {
  font-family: var(--heading-serif-4-italic-lg-fontfamily);
  font-weight: var(--heading-serif-4-italic-lg-fontweight);
  font-size: var(--heading-serif-4-italic-lg-fontsize);
  line-height: var(--heading-serif-4-italic-lg-lineheight);
}
.heading-serif-5-lg {
  font-family: var(--heading-serif-5-lg-fontfamily);
  font-weight: var(--heading-serif-5-lg-fontweight);
  font-size: var(--heading-serif-5-lg-fontsize);
  line-height: var(--heading-serif-5-lg-lineheight);
}
.heading-serif-5-italic-lg {
  font-family: var(--heading-serif-5-italic-lg-fontfamily);
  font-size: var(--heading-serif-5-italic-lg-fontsize);
  line-height: var(--heading-serif-5-italic-lg-lineheight);
  font-weight: var(--heading-serif-5-italic-lg-fontweight);
}
.heading-serif-6-lg {
  font-family: var(--heading-serif-6-lg-fontfamily);
  font-weight: var(--heading-serif-6-lg-fontweight);
  font-size: var(--heading-serif-6-lg-fontsize);
  line-height: var(--heading-serif-6-lg-lineheight);
}
.heading-serif-6-italic-lg {
  font-family: var(--heading-serif-6-italic-lg-fontfamily);
  font-weight: var(--heading-serif-6-italic-lg-fontweight);
  font-size: var(--heading-serif-6-italic-lg-fontsize);
  line-height: var(--heading-serif-6-italic-lg-lineheight);
}
.body-font-01 {
  font-family: var(--body-font-01-fontfamily);
  font-weight: var(--body-font-01-fontweight);
  font-size: var(--body-font-01-fontsize);
  line-height: var(--body-font-01-lineheight);
}
.body-font-01-large {
  font-family: var(--body-font-01-large-fontfamily);
  font-weight: var(--body-font-01-large-fontweight);
  font-size: var(--body-font-01-large-fontsize);
  line-height: var(--body-font-01-large-lineheight);
}
.body-font-02 {
  font-family: var(--body-font-02-fontfamily);
  font-weight: var(--body-font-02-fontweight);
  font-size: var(--body-font-02-fontsize);
  line-height: var(--body-font-02-lineheight);
}
.body-font-02-large {
  font-family: var(--body-font-02-large-fontfamily);
  font-weight: var(--body-font-02-large-fontweight);
  font-size: var(--body-font-02-large-fontsize);
  line-height: var(--body-font-02-large-lineheight);
}
.lead-1 {
  font-family: var(--lead-1-fontfamily);
  font-weight: var(--lead-1-fontweight);
  font-size: var(--lead-1-fontsize);
  line-height: var(--lead-1-lineheight);
}
.lead-2 {
  font-family: var(--lead-2-fontfamily);
  font-weight: var(--lead-2-fontweight);
  font-size: var(--lead-2-fontsize);
  line-height: var(--lead-2-lineheight);
}
.lead-1-lg {
  font-family: var(--lead-1-lg-fontfamily);
  font-weight: var(--lead-1-lg-fontweight);
  font-size: var(--lead-1-lg-fontsize);
  line-height: var(--lead-1-lg-lineheight);
}
.lead-2-lg {
  font-family: var(--lead-2-lg-fontfamily);
  font-weight: var(--lead-2-lg-fontweight);
  font-size: var(--lead-2-lg-fontsize);
  line-height: var(--lead-2-lg-lineheight);
}
.caption-semibold {
  font-family: var(--caption-semibold-fontfamily);
  font-weight: var(--caption-semibold-fontweight);
  font-size: var(--caption-semibold-fontsize);
  line-height: var(--caption-semibold-lineheight);
}
.caption-regular {
  font-family: var(--caption-regular-fontfamily);
  font-weight: var(--caption-regular-fontweight);
  font-size: var(--caption-regular-fontsize);
  line-height: var(--caption-regular-lineheight);
}
.subtitle-medium {
  font-family: var(--subtitle-medium-fontfamily);
  font-weight: var(--subtitle-medium-fontweight);
  font-size: var(--subtitle-medium-fontsize);
  line-height: var(--subtitle-medium-lineheight);
}
.subtitle-large {
  font-family: var(--subtitle-large-fontfamily);
  font-weight: var(--subtitle-large-fontweight);
  font-size: var(--subtitle-large-fontsize);
  line-height: var(--subtitle-large-lineheight);
}
.subtitle-large-lg {
  font-family: var(--subtitle-large-lg-fontfamily);
  font-weight: var(--subtitle-large-lg-fontweight);
  font-size: var(--subtitle-large-lg-fontsize);
  line-height: var(--subtitle-large-lg-lineheight);
}
.subtitle-medium-lg {
  font-family: var(--subtitle-medium-lg-fontfamily);
  font-weight: var(--subtitle-medium-lg-fontweight);
  font-size: var(--subtitle-medium-lg-fontsize);
  line-height: var(--subtitle-medium-lg-lineheight);
}
.eyebrow-small {
  font-family: var(--eyebrow-small-fontfamily);
  font-weight: var(--eyebrow-small-fontweight);
  font-size: var(--eyebrow-small-fontsize);
  line-height: var(--eyebrow-small-lineheight);
}
.eyebrow-small-lg {
  font-family: var(--eyebrow-small-lg-fontfamily);
  font-weight: var(--eyebrow-small-lg-fontweight);
  font-size: var(--eyebrow-small-lg-fontsize);
  line-height: var(--eyebrow-small-lg-lineheight);
}

/* Colors */
.bg-gray-900 { background-color: var(--gray-gray-900); }
.text-gray-900 { color: var(--gray-gray-900); }
.border-gray-900 { border-color: var(--gray-gray-900); }
.bg-gray-800 { background-color: var(--gray-gray-800); }
.text-gray-800 { color: var(--gray-gray-800); }
.border-gray-800 { border-color: var(--gray-gray-800); }
.bg-gray-700 { background-color: var(--gray-gray-700); }
.text-gray-700 { color: var(--gray-gray-700); }
.border-gray-700 { border-color: var(--gray-gray-700); }
.bg-gray-600 { background-color: var(--gray-gray-600); }
.text-gray-600 { color: var(--gray-gray-600); }
.border-gray-600 { border-color: var(--gray-gray-600); }
.bg-gray-500 { background-color: var(--gray-gray-500); }
.text-gray-500 { color: var(--gray-gray-500); }
.border-gray-500 { border-color: var(--gray-gray-500); }
.bg-gray-400 { background-color: var(--gray-gray-400); }
.text-gray-400 { color: var(--gray-gray-400); }
.border-gray-400 { border-color: var(--gray-gray-400); }
.bg-gray-300 { background-color: var(--gray-gray-300); }
.text-gray-300 { color: var(--gray-gray-300); }
.border-gray-300 { border-color: var(--gray-gray-300); }
.bg-gray-200 { background-color: var(--gray-gray-200); }
.text-gray-200 { color: var(--gray-gray-200); }
.border-gray-200 { border-color: var(--gray-gray-200); }
.bg-gray-100 { background-color: var(--gray-gray-100); }
.text-gray-100 { color: var(--gray-gray-100); }
.border-gray-100 { border-color: var(--gray-gray-100); }
.bg-blu-900 { background-color: var(--blu-blu-900); }
.text-blu-900 { color: var(--blu-blu-900); }
.border-blu-900 { border-color: var(--blu-blu-900); }
.bg-blu-800 { background-color: var(--blu-blu-800); }
.text-blu-800 { color: var(--blu-blu-800); }
.border-blu-800 { border-color: var(--blu-blu-800); }
.bg-blu-700 { background-color: var(--blu-blu-700); }
.text-blu-700 { color: var(--blu-blu-700); }
.border-blu-700 { border-color: var(--blu-blu-700); }
.bg-blu-600 { background-color: var(--blu-blu-600); }
.text-blu-600 { color: var(--blu-blu-600); }
.border-blu-600 { border-color: var(--blu-blu-600); }
.bg-blu-500 { background-color: var(--blu-blu-500); }
.text-blu-500 { color: var(--blu-blu-500); }
.border-blu-500 { border-color: var(--blu-blu-500); }
.bg-blu-400 { background-color: var(--blu-blu-400); }
.text-blu-400 { color: var(--blu-blu-400); }
.border-blu-400 { border-color: var(--blu-blu-400); }
.bg-blu-300 { background-color: var(--blu-blu-300); }
.text-blu-300 { color: var(--blu-blu-300); }
.border-blu-300 { border-color: var(--blu-blu-300); }
.bg-blu-200 { background-color: var(--blu-blu-200); }
.text-blu-200 { color: var(--blu-blu-200); }
.border-blu-200 { border-color: var(--blu-blu-200); }
.bg-blu-100 { background-color: var(--blu-blu-100); }
.text-blu-100 { color: var(--blu-blu-100); }
.border-blu-100 { border-color: var(--blu-blu-100); }
.bg-orange-900 { background-color: var(--orange-orange-900); }
.text-orange-900 { color: var(--orange-orange-900); }
.border-orange-900 { border-color: var(--orange-orange-900); }
.bg-orange-800 { background-color: var(--orange-orange-800); }
.text-orange-800 { color: var(--orange-orange-800); }
.border-orange-800 { border-color: var(--orange-orange-800); }
.bg-orange-700 { background-color: var(--orange-orange-700); }
.text-orange-700 { color: var(--orange-orange-700); }
.border-orange-700 { border-color: var(--orange-orange-700); }
.bg-orange-600 { background-color: var(--orange-orange-600); }
.text-orange-600 { color: var(--orange-orange-600); }
.border-orange-600 { border-color: var(--orange-orange-600); }
.bg-orange-500 { background-color: var(--orange-orange-500); }
.text-orange-500 { color: var(--orange-orange-500); }
.border-orange-500 { border-color: var(--orange-orange-500); }
.bg-orange-400 { background-color: var(--orange-orange-400); }
.text-orange-400 { color: var(--orange-orange-400); }
.border-orange-400 { border-color: var(--orange-orange-400); }
.bg-orange-300 { background-color: var(--orange-orange-300); }
.text-orange-300 { color: var(--orange-orange-300); }
.border-orange-300 { border-color: var(--orange-orange-300); }
.bg-orange-200 { background-color: var(--orange-orange-200); }
.text-orange-200 { color: var(--orange-orange-200); }
.border-orange-200 { border-color: var(--orange-orange-200); }
.bg-orange-100 { background-color: var(--orange-orange-100); }
.text-orange-100 { color: var(--orange-orange-100); }
.border-orange-100 { border-color: var(--orange-orange-100); }
.bg-green-900 { background-color: var(--green-green-900); }
.text-green-900 { color: var(--green-green-900); }
.border-green-900 { border-color: var(--green-green-900); }
.bg-green-800 { background-color: var(--green-green-800); }
.text-green-800 { color: var(--green-green-800); }
.border-green-800 { border-color: var(--green-green-800); }
.bg-green-700 { background-color: var(--green-green-700); }
.text-green-700 { color: var(--green-green-700); }
.border-green-700 { border-color: var(--green-green-700); }
.bg-green-600 { background-color: var(--green-green-600); }
.text-green-600 { color: var(--green-green-600); }
.border-green-600 { border-color: var(--green-green-600); }
.bg-green-500 { background-color: var(--green-green-500); }
.text-green-500 { color: var(--green-green-500); }
.border-green-500 { border-color: var(--green-green-500); }
.bg-green-400 { background-color: var(--green-green-400); }
.text-green-400 { color: var(--green-green-400); }
.border-green-400 { border-color: var(--green-green-400); }
.bg-green-300 { background-color: var(--green-green-300); }
.text-green-300 { color: var(--green-green-300); }
.border-green-300 { border-color: var(--green-green-300); }
.bg-green-200 { background-color: var(--green-green-200); }
.text-green-200 { color: var(--green-green-200); }
.border-green-200 { border-color: var(--green-green-200); }
.bg-green-100 { background-color: var(--green-green-100); }
.text-green-100 { color: var(--green-green-100); }
.border-green-100 { border-color: var(--green-green-100); }
.bg-yellow-900 { background-color: var(--yellow-yellow-900); }
.text-yellow-900 { color: var(--yellow-yellow-900); }
.border-yellow-900 { border-color: var(--yellow-yellow-900); }
.bg-yellow-800 { background-color: var(--yellow-yellow-800); }
.text-yellow-800 { color: var(--yellow-yellow-800); }
.border-yellow-800 { border-color: var(--yellow-yellow-800); }
.bg-yellow-700 { background-color: var(--yellow-yellow-700); }
.text-yellow-700 { color: var(--yellow-yellow-700); }
.border-yellow-700 { border-color: var(--yellow-yellow-700); }
.bg-yellow-600 { background-color: var(--yellow-yellow-600); }
.text-yellow-600 { color: var(--yellow-yellow-600); }
.border-yellow-600 { border-color: var(--yellow-yellow-600); }
.bg-yellow-500 { background-color: var(--yellow-yellow-500); }
.text-yellow-500 { color: var(--yellow-yellow-500); }
.border-yellow-500 { border-color: var(--yellow-yellow-500); }
.bg-yellow-400 { background-color: var(--yellow-yellow-400); }
.text-yellow-400 { color: var(--yellow-yellow-400); }
.border-yellow-400 { border-color: var(--yellow-yellow-400); }
.bg-yellow-300 { background-color: var(--yellow-yellow-300); }
.text-yellow-300 { color: var(--yellow-yellow-300); }
.border-yellow-300 { border-color: var(--yellow-yellow-300); }
.bg-yellow-200 { background-color: var(--yellow-yellow-200); }
.text-yellow-200 { color: var(--yellow-yellow-200); }
.border-yellow-200 { border-color: var(--yellow-yellow-200); }
.bg-yellow-100 { background-color: var(--yellow-yellow-100); }
.text-yellow-100 { color: var(--yellow-yellow-100); }
.border-yellow-100 { border-color: var(--yellow-yellow-100); }
.bg-red-900 { background-color: var(--red-red-900); }
.text-red-900 { color: var(--red-red-900); }
.border-red-900 { border-color: var(--red-red-900); }
.bg-red-800 { background-color: var(--red-red-800); }
.text-red-800 { color: var(--red-red-800); }
.border-red-800 { border-color: var(--red-red-800); }
.bg-red-700 { background-color: var(--red-red-700); }
.text-red-700 { color: var(--red-red-700); }
.border-red-700 { border-color: var(--red-red-700); }
.bg-red-600 { background-color: var(--red-red-600); }
.text-red-600 { color: var(--red-red-600); }
.border-red-600 { border-color: var(--red-red-600); }
.bg-red-500 { background-color: var(--red-red-500); }
.text-red-500 { color: var(--red-red-500); }
.border-red-500 { border-color: var(--red-red-500); }
.bg-red-400 { background-color: var(--red-red-400); }
.text-red-400 { color: var(--red-red-400); }
.border-red-400 { border-color: var(--red-red-400); }
.bg-red-300 { background-color: var(--red-red-300); }
.text-red-300 { color: var(--red-red-300); }
.border-red-300 { border-color: var(--red-red-300); }
.bg-red-200 { background-color: var(--red-red-200); }
.text-red-200 { color: var(--red-red-200); }
.border-red-200 { border-color: var(--red-red-200); }
.bg-red-100 { background-color: var(--red-red-100); }
.text-red-100 { color: var(--red-red-100); }
.border-red-100 { border-color: var(--red-red-100); }
.bg-serviziaggiuntivi-acquamarine-500 { background-color: var(--serviziaggiuntivi-acquamarine-500); }
.text-serviziaggiuntivi-acquamarine-500 { color: var(--serviziaggiuntivi-acquamarine-500); }
.border-serviziaggiuntivi-acquamarine-500 { border-color: var(--serviziaggiuntivi-acquamarine-500); }
.bg-serviziaggiuntivi-amber-500 { background-color: var(--serviziaggiuntivi-amber-500); }
.text-serviziaggiuntivi-amber-500 { color: var(--serviziaggiuntivi-amber-500); }
.border-serviziaggiuntivi-amber-500 { border-color: var(--serviziaggiuntivi-amber-500); }
.bg-serviziaggiuntivi-yellowhighlighter-500 { background-color: var(--serviziaggiuntivi-yellowhighlighter-500); }
.text-serviziaggiuntivi-yellowhighlighter-500 { color: var(--serviziaggiuntivi-yellowhighlighter-500); }
.border-serviziaggiuntivi-yellowhighlighter-500 { border-color: var(--serviziaggiuntivi-yellowhighlighter-500); }
.bg-serviziaggiuntivi-magenta-500 { background-color: var(--serviziaggiuntivi-magenta-500); }
.text-serviziaggiuntivi-magenta-500 { color: var(--serviziaggiuntivi-magenta-500); }
.border-serviziaggiuntivi-magenta-500 { border-color: var(--serviziaggiuntivi-magenta-500); }
.bg-serviziaggiuntivi-neonviolet-500 { background-color: var(--serviziaggiuntivi-neonviolet-500); }
.text-serviziaggiuntivi-neonviolet-500 { color: var(--serviziaggiuntivi-neonviolet-500); }
.border-serviziaggiuntivi-neonviolet-500 { border-color: var(--serviziaggiuntivi-neonviolet-500); }
.bg-serviziaggiuntivi-royalviolet-500 { background-color: var(--serviziaggiuntivi-royalviolet-500); }
.text-serviziaggiuntivi-royalviolet-500 { color: var(--serviziaggiuntivi-royalviolet-500); }
.border-serviziaggiuntivi-royalviolet-500 { border-color: var(--serviziaggiuntivi-royalviolet-500); }
.bg-serviziaggiuntivi-forestgreen-500 { background-color: var(--serviziaggiuntivi-forestgreen-500); }
.text-serviziaggiuntivi-forestgreen-500 { color: var(--serviziaggiuntivi-forestgreen-500); }
.border-serviziaggiuntivi-forestgreen-500 { border-color: var(--serviziaggiuntivi-forestgreen-500); }
.bg-serviziaggiuntivi-electricgreen-500 { background-color: var(--serviziaggiuntivi-electricgreen-500); }
.text-serviziaggiuntivi-electricgreen-500 { color: var(--serviziaggiuntivi-electricgreen-500); }
.border-serviziaggiuntivi-electricgreen-500 { border-color: var(--serviziaggiuntivi-electricgreen-500); }
.bg-serviziaggiuntivi-hotfuchsia-500 { background-color: var(--serviziaggiuntivi-hotfuchsia-500); }
.text-serviziaggiuntivi-hotfuchsia-500 { color: var(--serviziaggiuntivi-hotfuchsia-500); }
.border-serviziaggiuntivi-hotfuchsia-500 { border-color: var(--serviziaggiuntivi-hotfuchsia-500); }
.bg-black-100 { background-color: var(--black-black-100); }
.text-black-100 { color: var(--black-black-100); }
.border-black-100 { border-color: var(--black-black-100); }
.bg-black-150 { background-color: var(--black-black-150); }
.text-black-150 { color: var(--black-black-150); }
.border-black-150 { border-color: var(--black-black-150); }
.bg-black-200 { background-color: var(--black-black-200); }
.text-black-200 { color: var(--black-black-200); }
.border-black-200 { border-color: var(--black-black-200); }
.bg-black-250 { background-color: var(--black-black-250); }
.text-black-250 { color: var(--black-black-250); }
.border-black-250 { border-color: var(--black-black-250); }
.bg-black-300 { background-color: var(--black-black-300); }
.text-black-300 { color: var(--black-black-300); }
.border-black-300 { border-color: var(--black-black-300); }
.bg-black-400 { background-color: var(--black-black-400); }
.text-black-400 { color: var(--black-black-400); }
.border-black-400 { border-color: var(--black-black-400); }
.bg-black-500 { background-color: var(--black-black-500); }
.text-black-500 { color: var(--black-black-500); }
.border-black-500 { border-color: var(--black-black-500); }
.bg-black-600 { background-color: var(--black-black-600); }
.text-black-600 { color: var(--black-black-600); }
.border-black-600 { border-color: var(--black-black-600); }
.bg-black-700 { background-color: var(--black-black-700); }
.text-black-700 { color: var(--black-black-700); }
.border-black-700 { border-color: var(--black-black-700); }
.bg-black-750 { background-color: var(--black-black-750); }
.text-black-750 { color: var(--black-black-750); }
.border-black-750 { border-color: var(--black-black-750); }
.bg-black-800 { background-color: var(--black-black-800); }
.text-black-800 { color: var(--black-black-800); }
.border-black-800 { border-color: var(--black-black-800); }
.bg-black-900 { background-color: var(--black-black-900); }
.text-black-900 { color: var(--black-black-900); }
.border-black-900 { border-color: var(--black-black-900); }
.bg-black-1000 { background-color: var(--black-black-1000); }
.text-black-1000 { color: var(--black-black-1000); }
.border-black-1000 { border-color: var(--black-black-1000); }
.bg-white-100 { background-color: var(--white-white-100); }
.text-white-100 { color: var(--white-white-100); }
.border-white-100 { border-color: var(--white-white-100); }
.bg-white-200 { background-color: var(--white-white-200); }
.text-white-200 { color: var(--white-white-200); }
.border-white-200 { border-color: var(--white-white-200); }
.bg-white-300 { background-color: var(--white-white-300); }
.text-white-300 { color: var(--white-white-300); }
.border-white-300 { border-color: var(--white-white-300); }
.bg-white-400 { background-color: var(--white-white-400); }
.text-white-400 { color: var(--white-white-400); }
.border-white-400 { border-color: var(--white-white-400); }
.bg-white-500 { background-color: var(--white-white-500); }
.text-white-500 { color: var(--white-white-500); }
.border-white-500 { border-color: var(--white-white-500); }
.bg-white-600 { background-color: var(--white-white-600); }
.text-white-600 { color: var(--white-white-600); }
.border-white-600 { border-color: var(--white-white-600); }
.bg-white-700 { background-color: var(--white-white-700); }
.text-white-700 { color: var(--white-white-700); }
.border-white-700 { border-color: var(--white-white-700); }
.bg-white-800 { background-color: var(--white-white-800); }
.text-white-800 { color: var(--white-white-800); }
.border-white-800 { border-color: var(--white-white-800); }
.bg-white-900 { background-color: var(--white-white-900); }
.text-white-900 { color: var(--white-white-900); }
.border-white-900 { border-color: var(--white-white-900); }
.bg-white-1000 { background-color: var(--white-white-1000); }
.text-white-1000 { color: var(--white-white-1000); }
.border-white-1000 { border-color: var(--white-white-1000); }
.bg-tets-maurizio { background-color: var(--tets-maurizio); }
.text-tets-maurizio { color: var(--tets-maurizio); }
.border-tets-maurizio { border-color: var(--tets-maurizio); }
.bg-beige-beige-200 { background-color: var(--beige-beige-200); }
.text-beige-beige-200 { color: var(--beige-beige-200); }
.border-beige-beige-200 { border-color: var(--beige-beige-200); }
.bg-beige-beige-400 { background-color: var(--beige-beige-400); }
.text-beige-beige-400 { color: var(--beige-beige-400); }
.border-beige-beige-400 { border-color: var(--beige-beige-400); }
.bg-beige-beige-500 { background-color: var(--beige-beige-500); }
.text-beige-beige-500 { color: var(--beige-beige-500); }
.border-beige-beige-500 { border-color: var(--beige-beige-500); }
.bg-beige-beige-600 { background-color: var(--beige-beige-600); }
.text-beige-beige-600 { color: var(--beige-beige-600); }
.border-beige-beige-600 { border-color: var(--beige-beige-600); }
.bg-primary { background-color: var(--color-background-primary); }
.bg-primary-light { background-color: var(--color-background-primary-light); }
.bg-primary-lighter { background-color: var(--color-background-primary-lighter); }
.bg-primary-hover { background-color: var(--color-background-primary-hover); }
.bg-primary-active { background-color: var(--color-background-primary-active); }
.bg-primary-deep { background-color: var(--color-background-primary-deep); }
.bg-inverse { background-color: var(--color-background-inverse); }
.bg-inverse-hover { background-color: var(--color-background-inverse-hover); }
.bg-inverse-active { background-color: var(--color-background-inverse-active); }
.bg-accent { background-color: var(--color-background-accent); }
.bg-accent-hover { background-color: var(--color-background-accent-hover); }
.bg-accent-active { background-color: var(--color-background-accent-active); }
.bg-muted { background-color: var(--color-background-muted); }
.bg-disabled { background-color: var(--color-background-disabled); }
.bg-success { background-color: var(--color-background-success); }
.bg-success-light { background-color: var(--color-background-success-light); }
.bg-warning { background-color: var(--color-background-warning); }
.bg-warning-light { background-color: var(--color-background-warning-light); }
.bg-danger { background-color: var(--color-background-danger); }
.bg-danger-light { background-color: var(--color-background-danger-light); }
.bg-danger-hover { background-color: var(--color-background-danger-hover); }
.bg-danger-active { background-color: var(--color-background-danger-active); }
.bg-neutro { background-color: var(--color-background-neutro); }
.bg-neutro-dark { background-color: var(--color-background-neutro-dark); }
.text-base { color: var(--color-text-base); }
.text-primary { color: var(--color-text-primary); }
.text-primary-hover { color: var(--color-text-primary-hover); }
.text-secondary { color: var(--color-text-secondary); }
.text-primary-active { color: var(--color-text-primary-active); }
.text-muted { color: var(--color-text-muted); }
.text-disabled { color: var(--color-text-disabled); }
.text-success { color: var(--color-text-success); }
.text-warning { color: var(--color-text-warning); }
.text-danger { color: var(--color-text-danger); }
.text-inverse { color: var(--color-text-inverse); }
.link-base { color: var(--color-link-base); }
.link-base-hover { color: var(--color-link-base-hover); }
.link-base-active { color: var(--color-link-base-active); }
.link-secondary { color: var(--color-link-secondary); }
.link-inverse { color: var(--color-link-inverse); }
.link-disabled { color: var(--color-link-disabled); }
.border-primary { border-color: var(--color-border-primary); }
.border-primary-hover { border-color: var(--color-border-primary-hover); }
.border-primary-active { border-color: var(--color-border-primary-active); }
.border-secondary { border-color: var(--color-border-secondary); }
.border-disabled { border-color: var(--color-border-disabled); }
.border-success { border-color: var(--color-border-success); }
.border-warning { border-color: var(--color-border-warning); }
.border-danger { border-color: var(--color-border-danger); }
.border-danger-hover { border-color: var(--color-border-danger-hover); }
.border-danger-active { border-color: var(--color-border-danger-active); }
.border-danger-inverse { border-color: var(--color-border-danger-inverse); }
.icon-base {
  color: var(--color-icon-base);
  fill: var(--color-icon-base);
}
.icon-primary {
  color: var(--color-icon-primary);
  fill: var(--color-icon-primary);
}
.icon-secondary {
  color: var(--color-icon-secondary);
  fill: var(--color-icon-secondary);
}
.icon-muted {
  color: var(--color-icon-muted);
  fill: var(--color-icon-muted);
}
.icon-disabled {
  color: var(--color-icon-disabled);
  fill: var(--color-icon-disabled);
}
.icon-success {
  color: var(--color-icon-success);
  fill: var(--color-icon-success);
}
.icon-warning {
  color: var(--color-icon-warning);
  fill: var(--color-icon-warning);
}
.icon-danger {
  color: var(--color-icon-danger);
  fill: var(--color-icon-danger);
}
.icon-inverse {
  color: var(--color-icon-inverse);
  fill: var(--color-icon-inverse);
}

/* Spacing */
.padding-xxs { padding: var(--spacing-xxs); }
.margin-xxs { margin: var(--spacing-xxs); }
.gap-xxs { gap: var(--spacing-xxs); }
.padding-xs { padding: var(--spacing-xs); }
.margin-xs { margin: var(--spacing-xs); }
.gap-xs { gap: var(--spacing-xs); }
.padding-s { padding: var(--spacing-s); }
.margin-s { margin: var(--spacing-s); }
.gap-s { gap: var(--spacing-s); }
.padding-m { padding: var(--spacing-m); }
.margin-m { margin: var(--spacing-m); }
.gap-m { gap: var(--spacing-m); }
.padding-l { padding: var(--spacing-l); }
.margin-l { margin: var(--spacing-l); }
.gap-l { gap: var(--spacing-l); }
.padding-xl { padding: var(--spacing-xl); }
.margin-xl { margin: var(--spacing-xl); }
.gap-xl { gap: var(--spacing-xl); }
.padding-xxl { padding: var(--spacing-xxl); }
.margin-xxl { margin: var(--spacing-xxl); }
.gap-xxl { gap: var(--spacing-xxl); }
.padding-xxxl { padding: var(--spacing-xxxl); }
.margin-xxxl { margin: var(--spacing-xxxl); }
.gap-xxxl { gap: var(--spacing-xxxl); }
.spacing-stack-xs { margin-bottom: var(--spacing-stack-xs); }
.spacing-stack-s { margin-bottom: var(--spacing-stack-s); }
.spacing-stack-m { margin-bottom: var(--spacing-stack-m); }
.spacing-stack-l { margin-bottom: var(--spacing-stack-l); }
.spacing-stack-xl { margin-bottom: var(--spacing-stack-xl); }
.spacing-stack-xxl { margin-bottom: var(--spacing-stack-xxl); }
.spacing-stack-xxxl { margin-bottom: var(--spacing-stack-xxxl); }
.spacing-inline-xxs { margin-right: var(--spacing-inline-xxs); }
.spacing-inline-xs { margin-right: var(--spacing-inline-xs); }
.spacing-inline-s { margin-right: var(--spacing-inline-s); }
.spacing-inline-m { margin-right: var(--spacing-inline-m); }
.spacing-inline-l { margin-right: var(--spacing-inline-l); }
.spacing-inset-xs { padding: var(--spacing-inset-xs); }
.spacing-inset-s { padding: var(--spacing-inset-s); }
.spacing-inset-m { padding: var(--spacing-inset-m); }
.spacing-inset-l { padding: var(--spacing-inset-l); }
.spacing-inset-xl { padding: var(--spacing-inset-xl); }
.padding-layout-gutter-sm { padding: var(--layout-gutter-sm); }
.margin-layout-gutter-sm { margin: var(--layout-gutter-sm); }
.gap-layout-gutter-sm { gap: var(--layout-gutter-sm); }
.padding-layout-gutter-s { padding: var(--layout-gutter-s); }
.margin-layout-gutter-s { margin: var(--layout-gutter-s); }
.gap-layout-gutter-s { gap: var(--layout-gutter-s); }
.padding-layout-gutter-m { padding: var(--layout-gutter-m); }
.margin-layout-gutter-m { margin: var(--layout-gutter-m); }
.gap-layout-gutter-m { gap: var(--layout-gutter-m); }
.padding-layout-margin-sm { padding: var(--layout-margin-sm); }
.margin-layout-margin-sm { margin: var(--layout-margin-sm); }
.gap-layout-margin-sm { gap: var(--layout-margin-sm); }
.padding-layout-margin-md { padding: var(--layout-margin-md); }
.margin-layout-margin-md { margin: var(--layout-margin-md); }
.gap-layout-margin-md { gap: var(--layout-margin-md); }
.padding-layout-margin-lg { padding: var(--layout-margin-lg); }
.margin-layout-margin-lg { margin: var(--layout-margin-lg); }
.gap-layout-margin-lg { gap: var(--layout-margin-lg); }

/* Border radius */
.radius-none { border-radius: var(--radius-none); }
.radius-xs { border-radius: var(--radius-xs); }
.radius-s { border-radius: var(--radius-s); }
.radius-m { border-radius: var(--radius-m); }
.radius-l { border-radius: var(--radius-l); }
.radius-xl { border-radius: var(--radius-xl); }
.radius-full { border-radius: var(--radius-full); }

/* Shadows */
.shadow-sharp { box-shadow: var(--shadow-sharp); }
.shadow-muted { box-shadow: var(--shadow-muted); }
.shadow-soft { box-shadow: var(--shadow-soft); }
.shadow-diffuse { box-shadow: var(--shadow-diffuse); }

/* Font primitives */
.font-01 { font-family: var(--font-01); }
.font-02 { font-family: var(--font-02); }
.font-size-1 { font-size: var(--font-size-1); }
.font-size-2 { font-size: var(--font-size-2); }
.font-size-3 { font-size: var(--font-size-3); }
.font-size-4 { font-size: var(--font-size-4); }
.font-size-5 { font-size: var(--font-size-5); }
.font-size-6 { font-size: var(--font-size-6); }
.font-size-7 { font-size: var(--font-size-7); }
.font-size-8 { font-size: var(--font-size-8); }
.font-size-9 { font-size: var(--font-size-9); }
.font-size-10 { font-size: var(--font-size-10); }
.font-size-11 { font-size: var(--font-size-11); }
.font-weight-regular { font-weight: var(--font-weight-regular); }
.font-weight-italic { font-weight: var(--font-weight-italic); }
.font-weight-medium { font-weight: var(--font-weight-medium); }
.font-weight-semibold { font-weight: var(--font-weight-semibold); }
.font-weight-bold { font-weight: var(--font-weight-bold); }
.font-line-height-xs { line-height: var(--font-line-height-xs); }
.font-line-height-s { line-height: var(--font-line-height-s); }
.font-line-height-m { line-height: var(--font-line-height-m); }
.font-line-height-l { line-height: var(--font-line-height-l); }
.font-line-height-xl { line-height: var(--font-line-height-xl); }
.body-font-default { font-family: var(--body-font-default); }
.body-font-display { font-family: var(--body-font-display); }
.heading-1-font-weight-bold { font-weight: var(--heading-1-font-weight-bold); }
.heading-accent-font-weight-bold { font-weight: var(--heading-accent-font-weight-bold); }
.heading-1-font-weight-regular { font-weight: var(--heading-1-font-weight-regular); }
.heading-1-font-weight-italic { font-weight: var(--heading-1-font-weight-italic); }
.heading-2-font-weight-bold { font-weight: var(--heading-2-font-weight-bold); }
.heading-2-font-weight-regular { font-weight: var(--heading-2-font-weight-regular); }
.heading-2-font-weight-italic { font-weight: var(--heading-2-font-weight-italic); }
.heading-3-font-weight-bold { font-weight: var(--heading-3-font-weight-bold); }
.heading-3-font-weight-regular { font-weight: var(--heading-3-font-weight-regular); }
.heading-3-font-weight-italic { font-weight: var(--heading-3-font-weight-italic); }
.heading-4-font-weight-bold { font-weight: var(--heading-4-font-weight-bold); }
.heading-4-font-weight-regular { font-weight: var(--heading-4-font-weight-regular); }
.heading-4-font-weight-italic { font-weight: var(--heading-4-font-weight-italic); }
.heading-5-font-weight-bold { font-weight: var(--heading-5-font-weight-bold); }
.heading-5-font-weight-regular { font-weight: var(--heading-5-font-weight-regular); }
.heading-5-font-weight-italic { font-weight: var(--heading-5-font-weight-italic); }
.heading-6-font-weight-bold { font-weight: var(--heading-6-font-weight-bold); }
.heading-6-font-weight-regular { font-weight: var(--heading-6-font-weight-regular); }
.heading-6-font-weight-italic { font-weight: var(--heading-6-font-weight-italic); }
.body-font-weight { font-weight: var(--body-font-weight); }
.lead-font-weight { font-weight: var(--lead-font-weight); }
.caption-font-weight-regular { font-weight: var(--caption-font-weight-regular); }
.subtitle-font-weight { font-weight: var(--subtitle-font-weight); }
.eyebrow-font-weight { font-weight: var(--eyebrow-font-weight); }
.caption-font-weight-semibold { font-weight: var(--caption-font-weight-semibold); }
.heading-1-line-height { line-height: var(--heading-1-line-height); }
.heading-accent-line-height { line-height: var(--heading-accent-line-height); }
.heading-1-line-height-lg { line-height: var(--heading-1-line-height-lg); }
.heading-2-line-height { line-height: var(--heading-2-line-height); }
.heading-2-line-height-lg { line-height: var(--heading-2-line-height-lg); }
.heading-3-line-height { line-height: var(--heading-3-line-height); }
.heading-3-line-height-lg { line-height: var(--heading-3-line-height-lg); }
.heading-4-line-height { line-height: var(--heading-4-line-height); }
.heading-4-line-height-lg { line-height: var(--heading-4-line-height-lg); }
.heading-5-line-height { line-height: var(--heading-5-line-height); }
.heading-5-line-height-lg { line-height: var(--heading-5-line-height-lg); }
.heading-6-line-height { line-height: var(--heading-6-line-height); }
.heading-6-line-height-lg { line-height: var(--heading-6-line-height-lg); }
.body-line-height { line-height: var(--body-line-height); }
.lead-line-height { line-height: var(--lead-line-height); }
.caption-line-height { line-height: var(--caption-line-height); }
.subtitle-large-line-height { line-height: var(--subtitle-large-line-height); }
.subtitle-large-line-height-lg { line-height: var(--subtitle-large-line-height-lg); }
.subtitle-medium-line-height { line-height: var(--subtitle-medium-line-height); }
.eyebrow-line-height { line-height: var(--eyebrow-line-height); }
.subtitle-medium-line-height-lg { line-height: var(--subtitle-medium-line-height-lg); }
.heading-1-font-size { font-size: var(--heading-1-font-size); }
.heading-accent-font-size { font-size: var(--heading-accent-font-size); }
.heading-accent-font-size-lg { font-size: var(--heading-accent-font-size-lg); }
.heading-1-font-size-lg { font-size: var(--heading-1-font-size-lg); }
.heading-emphasis-1-font-size-lg { font-size: var(--heading-emphasis-1-font-size-lg); }
.heading-2-font-size { font-size: var(--heading-2-font-size); }
.heading-2-font-size-lg { font-size: var(--heading-2-font-size-lg); }
.heading-3-font-size { font-size: var(--heading-3-font-size); }
.heading-3-font-size-lg { font-size: var(--heading-3-font-size-lg); }
.heading-4-font-size { font-size: var(--heading-4-font-size); }
.heading-4-font-size-lg { font-size: var(--heading-4-font-size-lg); }
.heading-5-font-size { font-size: var(--heading-5-font-size); }
.heading-5-font-size-lg { font-size: var(--heading-5-font-size-lg); }
.heading-6-font-size { font-size: var(--heading-6-font-size); }
.heading-6-font-size-lg { font-size: var(--heading-6-font-size-lg); }
.body-font-size { font-size: var(--body-font-size); }
.body-large-font-size { font-size: var(--body-large-font-size); }
.lead-1-font-size { font-size: var(--lead-1-font-size); }
.lead-2-font-size { font-size: var(--lead-2-font-size); }
.lead-1-font-size-lg { font-size: var(--lead-1-font-size-lg); }
.lead-2-font-size-lg { font-size: var(--lead-2-font-size-lg); }
.caprion-font-size { font-size: var(--caprion-font-size); }
.eyebrow-font-size { font-size: var(--eyebrow-font-size); }
.eyebrow-font-size-lg { font-size: var(--eyebrow-font-size-lg); }
.subtitle-large-font-size { font-size: var(--subtitle-large-font-size); }
.subtitle-medium-font-size { font-size: var(--subtitle-medium-font-size); }
.subtitle-medium-font-size-lg { font-size: var(--subtitle-medium-font-size-lg); }
.subtitle-large-font-size-lg { font-size: var(--subtitle-large-font-size-lg); }