/* AUTO-GENERATED by scripts/build-tokens.mjs from src/design-tokens/source/*.json
   Do not edit by hand. Re-export from Figma, then run: npm run tokens:build */
:root {
  --color-primary-principal: var(--color-custom-principal-palette-600);
  --color-primary-subtle: var(--color-custom-principal-palette-500);
  --color-primary-middle: var(--color-custom-principal-palette-300);
  --color-primary-off: var(--color-custom-principal-palette-100);
  --color-primary-high: var(--color-custom-principal-palette-600);
  --color-complementary-principal: var(--color-custom-complementary-palette-400);
  --color-complementary-subtle: var(--color-custom-complementary-palette-300);
  --color-complementary-middle: var(--color-custom-complementary-palette-500);
  --color-complementary-off: var(--color-custom-complementary-palette-100);
  --color-complementary-high: var(--color-custom-complementary-palette-600);
  --color-neutral-principal: var(--color-support-shark-500);
  --color-neutral-subtle: var(--color-support-shark-400);
  --color-neutral-middle: var(--color-support-shark-200);
  --color-neutral-off: var(--color-support-shark-0);
  --color-neutral-high: var(--color-support-shark-600);
  --color-info-high: var(--color-custom-principal-palette-600);
  --color-info-low: var(--color-custom-principal-palette-100);
  --color-success-high: var(--color-support-shamrock-400);
  --color-success-low: var(--color-support-shamrock-100);
  --color-warning-high: var(--color-support-supernova-400);
  --color-warning-low: var(--color-support-supernova-100);
  --color-danger-high: var(--color-support-geraldine-400);
  --color-danger-low: var(--color-support-geraldine-100);
  --color-backgrounds-principal: var(--color-custom-complementary-palette-100);
  --color-backgrounds-secondary: var(--color-custom-principal-palette-100);
  --color-backgrounds-tertiary: var(--color-support-shark-200);
  --color-backgrounds-subtle: var(--color-custom-complementary-palette-200);
  --color-backgrounds-contrast: var(--color-custom-principal-palette-600);
  --color-backgrounds-neutral: var(--color-support-shark-0);
  --color-foregrounds-principal: var(--color-custom-principal-palette-600);
  --color-foregrounds-secondary: var(--color-custom-principal-palette-500);
  --color-foregrounds-tertiary: var(--color-custom-complementary-palette-400);
  --color-foregrounds-neutral: var(--color-custom-principal-palette-300);
  --color-foregrounds-contrast: var(--color-custom-principal-palette-100);
  --color-foregrounds-disabled: var(--color-custom-principal-palette-200);
  --color-typography-heading: var(--color-custom-principal-palette-600);
  --color-typography-paragraph: var(--color-custom-principal-palette-500);
  --color-typography-highlight: var(--color-custom-complementary-palette-400);
  --color-typography-alternative: var(--color-custom-complementary-palette-500);
  --color-typography-contrast: var(--color-custom-principal-palette-100);
  --color-typography-link: var(--color-custom-principal-palette-300);
  --color-typography-disabled: var(--color-custom-principal-palette-200);
  --color-borders-strong: var(--color-custom-principal-palette-500);
  --color-borders-neutral: var(--color-custom-principal-palette-300);
  --color-borders-subtle: var(--color-custom-principal-palette-200);
  --color-borders-disabled: var(--color-custom-principal-palette-100);
  --color-borders-alternative: var(--color-custom-complementary-palette-400);
  --color-transparency-primary: var(--color-custom-principal-palette-opacity);
  --color-transparency-complementary: var(--color-custom-complementary-palette-opacity);
  --color-transparency-light: var(--color-support-shark-opacity-light);
  --color-transparency-dark: var(--color-support-shark-opacity-dark);
  --color-gradient-silver: linear-gradient(to top, var(--color-custom-principal-palette-150), var(--color-custom-principal-palette-100));
  --color-gradient-gold: linear-gradient(to top, var(--color-custom-complementary-palette-500), var(--color-custom-complementary-palette-400));
  --size-xxs: var(--size-12);
  --size-xs: var(--size-16);
  --size-sm: var(--size-24);
  --size-md: var(--size-32);
  --size-ml: var(--size-48);
  --size-lg: var(--size-64);
  --size-xl: var(--size-96);
  --size-xxl: var(--size-148);
  --space-xxs: var(--size-4);
  --space-xs: var(--size-8);
  --space-sm: var(--size-12);
  --space-smd: var(--size-16);
  --space-md: var(--size-24);
  --space-ml: var(--size-32);
  --space-lm: var(--size-48);
  --space-lg: var(--size-64);
  --space-xl: var(--size-80);
  --space-xxl: var(--size-116);
  --space-xxxl: var(--size-180);
  --radius-flat: var(--radius-2);
  --radius-xs: var(--radius-4);
  --radius-sm: var(--radius-8);
  --radius-md: var(--radius-12);
  --radius-lm: var(--radius-16);
  --radius-lg: var(--radius-24);
  --radius-xl: var(--radius-32);
  --radius-xxl: var(--radius-48);
  --radius-full: var(--radius-100);
  --font-font-family-headings: var(--font-font-family-libre-baskerville);
  --font-font-family-body: var(--font-font-family-dm-sans);
  --font-font-family-alternative-text: var(--font-font-family-libre-baskerville);
  --font-font-weight-weak: var(--font-font-weight-300);
  --font-font-weight-moderate: var(--font-font-weight-400);
  --font-font-weight-medium: var(--font-font-weight-600);
  --font-font-weight-strong: var(--font-font-weight-700);
  --font-font-size-headings-base: var(--font-base-20);
  --font-font-size-headings-scale: var(--font-scale-medium-contrast);
  --font-font-size-headings-xxs: 18px;
  --font-font-size-headings-xs: 22px;
  --font-font-size-headings-sm: 27px;
  --font-font-size-headings-md: 32px;
  --font-font-size-headings-lg: 40px;
  --font-font-size-headings-xl: 50px;
  --font-font-size-headings-xxl: 60px;
  --font-font-size-headings-huge: 68px;
  --font-font-size-body-base: var(--font-base-13);
  --font-font-size-body-scale: var(--font-scale-medium-contrast);
  --font-font-size-body-xs: 13px;
  --font-font-size-body-sm: 16px;
  --font-font-size-body-md: 19px;
  --font-font-size-body-lg: 24px;
  --font-font-size-body-xl: 29px;
  --font-font-size-body-xxl: 35px;
  --font-font-size-label-lg: var(--font-base-15);
  --font-line-height-headings-xxs: 22px;
  --font-line-height-headings-xs: 28px;
  --font-line-height-headings-sm: 36px;
  --font-line-height-headings-md: 41px;
  --font-line-height-headings-lg: 52px;
  --font-line-height-headings-xl: 64px;
  --font-line-height-headings-xxl: 74px;
  --font-line-height-headings-huge: 86px;
  --font-line-height-body-xs: 17px;
  --font-line-height-body-sm: 22px;
  --font-line-height-body-md: 27px;
  --font-line-height-body-lg: 34px;
  --font-line-height-body-xl: 48px;
  --font-line-height-body-xxl: 59px;
}