:root {
  --body-s-bold-font-family: "TeleNeo Var", Helvetica;
  --body-s-bold-font-weight: 400;
  --body-s-bold-font-size: 14px;
  --body-s-bold-letter-spacing: 0px;
  --body-s-bold-line-height: 17.5px;
  --body-s-bold-font-style: normal;
  --body-s-regular-font-family: "TeleNeo Var", Helvetica;
  --body-s-regular-font-weight: 500;
  --body-s-regular-font-size: 14px;
  --body-s-regular-letter-spacing: 0px;
  --body-s-regular-line-height: 17.5px;
  --body-s-regular-font-style: normal;
  --body-m-bold-font-family: "TeleNeo Var", Helvetica;
  --body-m-bold-font-weight: 400;
  --body-m-bold-font-size: 16px;
  --body-m-bold-letter-spacing: 0px;
  --body-m-bold-line-height: 20px;
  --body-m-bold-font-style: normal;
  --microcopy-regular-font-family: "TeleNeo Var", Helvetica;
  --microcopy-regular-font-weight: 500;
  --microcopy-regular-font-size: 12px;
  --microcopy-regular-letter-spacing: 0px;
  --microcopy-regular-line-height: 15.600000381469727px;
  --microcopy-regular-font-style: normal;
  --display-font-family: "TeleNeo Var", Helvetica;
  --display-font-weight: 400;
  --display-font-size: 72px;
  --display-letter-spacing: 0px;
  --display-line-height: 72px;
  --display-font-style: normal;
  --subtitle-font-family: "TeleNeo Var", Helvetica;
  --subtitle-font-weight: 400;
  --subtitle-font-size: 22px;
  --subtitle-letter-spacing: 0px;
  --subtitle-line-height: 22px;
  --subtitle-font-style: normal;
  --paragraph-font-family: "TeleNeo Var", Helvetica;
  --paragraph-font-weight: 400;
  --paragraph-font-size: 20px;
  --paragraph-letter-spacing: 0px;
  --paragraph-line-height: 26px;
  --paragraph-font-style: normal;
  --body-l-font-family: "TeleNeo Var", Helvetica;
  --body-l-font-weight: 400;
  --body-l-font-size: 20px;
  --body-l-letter-spacing: 0px;
  --body-l-line-height: 24px;
  --body-l-font-style: normal;
  --body-m-regular-font-family: "TeleNeo Var", Helvetica;
  --body-m-regular-font-weight: 500;
  --body-m-regular-font-size: 16px;
  --body-m-regular-letter-spacing: 0px;
  --body-m-regular-line-height: 20px;
  --body-m-regular-font-style: normal;
  --foundation-sizing-viewport: var(--breakpoint-breakpoint-sizing-viewport);
  --foundation-colours-basic-background: var(--scheme-scheme-basic-background);
  --foundation-colours-basic-text-dominant: var(
          --scheme-scheme-basic-text-dominant
  );
  --foundation-colours-basic-text-recessive: var(
          --scheme-scheme-basic-text-recessive
  );
  --foundation-colours-basic-text: var(--scheme-scheme-basic-text);
  --foundation-colours-basic-text-on-accent: var(
          --scheme-scheme-basic-text-on-accent
  );
  --foundation-sizing-component-3: var(--core-dimension-1);
  --foundation-radius-full: 999px;
  --foundation-spacing-component-2: var(
          --breakpoint-breakpoint-spacing-component-2
  );
  --foundation-spacing-component-3: var(
          --breakpoint-breakpoint-spacing-component-3
  );
  --foundation-spacing-component-1: var(
          --breakpoint-breakpoint-spacing-component-1
  );
  --foundation-sizing-minimum-tappable-area: var(
          --breakpoint-breakpoint-sizing-minimum-tappable-area
  );
  --foundation-spacing-component-0: var(
          --breakpoint-breakpoint-spacing-component-0
  );
  --foundation-spacing-component-5: var(
          --breakpoint-breakpoint-spacing-component-5
  );
  --foundation-sizing-component-14: var(--core-dimension-12);
  --foundation-colours-basic-accent: var(--scheme-scheme-basic-accent);
  --foundation-spacing-component-10: var(
          --breakpoint-breakpoint-spacing-component-10
  );
  --foundation-spacing-component-4: var(
          --breakpoint-breakpoint-spacing-component-4
  );
  --foundation-spacing-component-9: var(
          --breakpoint-breakpoint-spacing-component-9
  );
  --foundation-colours-basic-background-subtle: var(
          --scheme-scheme-basic-background-subtle
  );
  --foundation-sizing-component-10: var(--core-dimension-6);
  --foundation-sizing-component-7: var(--core-dimension-4);
  --foundation-spacing-component-9-duplicate: var(
          --breakpoint-breakpoint-spacing-component-9-duplicate
  );
  --foundation-spacing-component-7: var(
          --breakpoint-breakpoint-spacing-component-7
  );
  --foundation-spacing-component-8: var(
          --breakpoint-breakpoint-spacing-component-8
  );
  --foundation-radius-medium: var(--core-dimension-4);
  --foundation-spacing-component-6: var(
          --breakpoint-breakpoint-spacing-component-6
  );
  --foundation-spacing-layout-3: var(--breakpoint-breakpoint-spacing-layout-3);
  --foundation-radius-full-duplicate: 999px;
  --foundation-sizing-input-height: var(
          --breakpoint-breakpoint-sizing-input-height
  );
  --foundation-sizing-component-20: var(--core-dimension-40);
  --foundation-sizing-component-15: var(--core-dimension-16);
  --foundation-colours-basic-stroke: var(--scheme-scheme-basic-stroke);
  --foundation-colours-functional-success-standard: var(
          --scheme-scheme-functional-success-standard
  );
  --foundation-spacing-component-7-duplicate: var(
          --breakpoint-breakpoint-spacing-component-7-duplicate
  );
  --foundation-spacing-component-10-duplicate: var(
          --breakpoint-breakpoint-spacing-component-10-duplicate
  );
  --foundation-spacing-layout-10: var(--breakpoint-breakpoint-spacing-layout-10);
  --foundation-sizing-component-16: var(--core-dimension-18);
  --foundation-spacing-layout-10-duplicate: var(
          --breakpoint-breakpoint-spacing-layout-10-duplicate
  );
  --foundation-colours-basic-stroke-subtle: var(
          --scheme-scheme-basic-stroke-subtle
  );
  --breakpoint-breakpoint-sizing-viewport: var(--core-viewport-mobile);
  --breakpoint-breakpoint-spacing-component-2: var(--core-dimension-1);
  --breakpoint-breakpoint-spacing-component-3: var(--core-dimension-2);
  --breakpoint-breakpoint-spacing-component-1: 2px;
  --breakpoint-breakpoint-sizing-minimum-tappable-area: var(--core-dimension-12);
  --breakpoint-breakpoint-spacing-component-0: var(--core-dimension-0);
  --breakpoint-breakpoint-spacing-component-5: var(--core-dimension-4);
  --breakpoint-breakpoint-spacing-component-10: var(--core-dimension-12);
  --breakpoint-breakpoint-spacing-component-4: var(--core-dimension-3);
  --breakpoint-breakpoint-spacing-component-9: var(--core-dimension-10);
  --breakpoint-breakpoint-spacing-component-9-duplicate: var(
          --core-dimension-10-duplicate
  );
  --breakpoint-breakpoint-spacing-component-7: var(--core-dimension-6);
  --breakpoint-breakpoint-spacing-component-8: var(--core-dimension-8);
  --breakpoint-breakpoint-columns-12-columns: 312px;
  --breakpoint-breakpoint-spacing-component-6: var(--core-dimension-5);
  --breakpoint-breakpoint-spacing-layout-3: var(--core-dimension-8);
  --breakpoint-breakpoint-sizing-input-height: var(--core-dimension-18);
  --breakpoint-breakpoint-spacing-component-7-duplicate: var(
          --core-dimension-6-duplicate
  );
  --breakpoint-breakpoint-spacing-component-10-duplicate: var(
          --core-dimension-12-duplicate
  );
  --breakpoint-breakpoint-spacing-layout-10: var(--core-dimension-32);
  --breakpoint-breakpoint-spacing-layout-10-duplicate: var(
          --core-dimension-32-duplicate
  );
  --core-viewport-mobile: 360px;
  --core-viewport-tablet: 768px;
  --core-dimension-1: 4px;
  --core-dimension-12: 48px;
  --core-viewport-laptop: 1040px;
  --core-core-colours-base-white: rgba(255, 255, 255, 1);
  --core-dimension-2: 8px;
  --core-dimension-0: 0px;
  --core-dimension-4: 16px;
  --core-viewport-desktop: 1440px;
  --core-core-colours-brand-light-magenta: rgba(226, 0, 116, 1);
  --core-core-colours-grey-700: rgba(97, 97, 97, 1);
  --core-core-colours-base-black: rgba(0, 0, 0, 1);
  --core-dimension-3: 12px;
  --core-dimension-10: 40px;
  --core-dimension-6: 24px;
  --core-core-colours-grey-300: rgba(202, 202, 202, 1);
  --core-core-colours-brand-dark-magenta: rgba(246, 20, 136, 1);
  --core-dimension-10-duplicate: 40px;
  --core-dimension-8: 32px;
  --core-viewport-large-desktop: 1680px;
  --core-dimension-5: 20px;
  --core-core-colours-brand-light-100: rgba(249, 204, 227, 1);
  --core-dimension-40: 160px;
  --core-core-colours-error: rgba(255, 0, 0, 0.3);
  --core-core-colours-grey-100: rgba(241, 241, 241, 1);
  --core-core-colours-secondary-aperitif-800: rgba(107, 49, 37, 1);
  --core-core-colours-secondary-aperitif-aperitif: rgba(255, 132, 107, 1);
  --core-dimension-18: 72px;
  --core-dimension-16: 64px;
  --core-core-colours-secondary-basketball-800: rgba(101, 56, 33, 1);
  --core-core-colours-secondary-basketball-basketball: rgba(255, 150, 97, 1);
  --core-core-colours-grey-900: rgba(32, 32, 32, 1);
  --core-core-colours-secondary-cheddar-800: rgba(101, 66, 28, 1);
  --core-core-colours-secondary-cheddar-cheddar: rgba(255, 178, 92, 1);
  --core-core-colours-secondary-dandelion-800: rgba(91, 76, 23, 1);
  --core-core-colours-secondary-egg-800: rgba(96, 88, 19, 1);
  --core-core-colours-secondary-dandelion-dandelion: rgba(246, 208, 70, 1);
  --core-core-colours-functional-green-700: rgba(0, 120, 69, 1);
  --core-core-colours-brand-light-400: rgba(232, 51, 144, 1);
  --core-core-colours-secondary-egg-egg: rgba(239, 220, 52, 1);
  --core-core-colours-secondary-frog-800: rgba(85, 87, 20, 1);
  --core-core-colours-functional-green-400: rgba(0, 194, 109, 1);
  --core-core-colours-secondary-aperitif-400: rgba(255, 158, 138, 1);
  --core-dimension-6-duplicate: 24px;
  --core-core-colours-secondary-guacamole-800: rgba(63, 86, 30, 1);
  --core-core-colours-secondary-frog-frog: rgba(212, 220, 56, 1);
  --core-core-colours-secondary-hummingbird-800: rgba(39, 89, 44, 1);
  --core-core-colours-secondary-guacamole-guacamole: rgba(167, 222, 89, 1);
  --core-dimension-12-duplicate: 48px;
  --core-core-colours-secondary-iguana-800: rgba(27, 87, 67, 1);
  --core-core-colours-secondary-hummingbird-hummingbird: rgba(116, 226, 129, 1);
  --core-core-colours-secondary-basketball-400: rgba(255, 172, 130, 1);
  --core-core-colours-secondary-jacuzzi-800: rgba(27, 84, 79, 1);
  --core-dimension-32: 128px;
  --core-core-colours-secondary-iguana-iguana: rgba(77, 224, 175, 1);
  --core-core-colours-secondary-kingfisher-800: rgba(27, 84, 90, 1);
  --core-core-colours-secondary-cheddar-400: rgba(255, 193, 124, 1);
  --core-core-colours-functional-green-600: rgba(0, 143, 82, 1);
  --core-core-colours-secondary-lagoon-800: rgba(33, 77, 96, 1);
  --core-core-colours-secondary-jacuzzi-jacuzzi: rgba(74, 217, 205, 1);
  --core-dimension-32-duplicate: 128px;
  --core-core-colours-secondary-dandelion-400: rgba(248, 216, 103, 1);
  --core-core-colours-secondary-macaw-800: rgba(46, 70, 106, 1);
  --core-core-colours-secondary-kingfisher-kingfisher: rgba(77, 209, 224, 1);
  --scheme-scheme-basic-background: var(--mode-mode-basic-background);
  --scheme-scheme-basic-text-dominant: var(--mode-mode-basic-text-dominant);
  --scheme-scheme-basic-text-recessive: var(--mode-mode-basic-text-recessive);
  --scheme-scheme-basic-text: var(--mode-mode-basic-text);
  --scheme-scheme-basic-text-on-accent: var(--mode-mode-basic-text-on-accent);
  --scheme-scheme-basic-accent: var(--mode-mode-basic-accent);
  --scheme-scheme-basic-background-subtle: var(
          --mode-mode-basic-background-subtle
  );
  --scheme-scheme-basic-stroke: var(--mode-mode-basic-stroke);
  --scheme-scheme-functional-success-standard: var(
          --mode-mode-functional-success-standard
  );
  --mode-mode-basic-background: var(
          --restricted-restrictions-white-basic-background
  );
  --mode-mode-basic-text-dominant: var(
          --restricted-restrictions-white-basic-text-dominant
  );
  --mode-mode-basic-text-recessive: var(
          --restricted-restrictions-white-basic-text-recessive
  );
  --mode-mode-basic-text: var(--restricted-restrictions-white-basic-text);
  --mode-mode-basic-text-on-accent: var(
          --restricted-restrictions-white-basic-text-on-accent
  );
  --mode-mode-inverted-basic-background: var(
          --restricted-restrictions-black-basic-background
  );
  --mode-mode-inverted-basic-text-recessive: var(
          --restricted-restrictions-black-basic-text-recessive
  );
  --mode-mode-inverted-basic-text: var(
          --restricted-restrictions-black-basic-text
  );
  --mode-mode-inverted-basic-text-dominant: var(
          --restricted-restrictions-black-basic-text-dominant
  );
  --mode-mode-inverted-basic-text-on-accent: var(
          --restricted-restrictions-black-basic-text-on-accent
  );
  --mode-mode-basic-accent: var(--restricted-restrictions-white-basic-accent);
  --mode-mode-basic-background-subtle: var(
          --restricted-restrictions-white-basic-background-subtle
  );
  --mode-mode-inverted-basic-accent: var(
          --restricted-restrictions-black-basic-accent
  );
  --mode-mode-inverted-basic-background-subtle: var(
          --restricted-restrictions-black-basic-background-subtle
  );
  --mode-mode-basic-stroke: var(--restricted-restrictions-white-basic-stroke);
  --mode-mode-functional-success-standard: var(
          --restricted-restrictions-white-functional-success-standard
  );
  --mode-mode-inverted-basic-stroke: var(
          --restricted-restrictions-black-basic-stroke
  );
  --mode-mode-inverted-functional-success-standard: var(
          --restricted-restrictions-black-functional-success-standard
  );
  --restricted-restrictions-white-basic-background: var(
          --white-white-basic-background
  );
  --restricted-restrictions-white-basic-text-dominant: var(
          --white-white-basic-text-dominant
  );
  --restricted-restrictions-white-basic-text-recessive: var(
          --white-white-basic-text-recessive
  );
  --restricted-restrictions-white-basic-text: var(--white-white-basic-text);
  --restricted-restrictions-white-basic-text-on-accent: var(
          --white-white-basic-text-on-accent
  );
  --restricted-restrictions-black-basic-background: var(
          --black-black-basic-background
  );
  --restricted-restrictions-black-basic-text-recessive: var(
          --black-black-basic-text-recessive
  );
  --restricted-restrictions-black-basic-text: var(--black-black-basic-text);
  --restricted-restrictions-black-basic-text-dominant: var(
          --black-black-basic-text-dominant
  );
  --restricted-restrictions-black-basic-text-on-accent: var(
          --black-black-basic-text-on-accent
  );
  --restricted-restrictions-white-basic-accent: var(--white-white-basic-accent);
  --restricted-restrictions-magenta-basic-text-recessive: var(
          --magenta-magenta-basic-text-recessive
  );
  --restricted-restrictions-magenta-basic-text: var(
          --magenta-magenta-basic-text
  );
  --restricted-restrictions-magenta-basic-background: var(
          --magenta-magenta-basic-background
  );
  --restricted-restrictions-white-basic-background-subtle: var(
          --white-white-basic-background-subtle
  );
  --restricted-restrictions-black-basic-accent: var(--black-black-basic-accent);
  --restricted-restrictions-secondary-basic-text: var(
          --secondary-secondary-basic-text
  );
  --restricted-restrictions-secondary-basic-text-recessive: var(
          --secondary-secondary-basic-text-recessive
  );
  --restricted-restrictions-secondary-basic-background: var(
          --secondary-secondary-basic-background
  );
  --restricted-restrictions-magenta-basic-text-dominant: var(
          --magenta-magenta-basic-text-dominant
  );
  --restricted-restrictions-magenta-basic-text-on-accent: var(
          --magenta-magenta-basic-text-on-accent
  );
  --restricted-restrictions-secondary-basic-text-dominant: var(
          --secondary-secondary-basic-text-dominant
  );
  --restricted-restrictions-secondary-basic-text-on-accent: var(
          --secondary-secondary-basic-text-on-accent
  );
  --restricted-restrictions-black-basic-background-subtle: var(
          --black-black-basic-background-subtle
  );
  --restricted-restrictions-magenta-basic-accent: var(
          --magenta-magenta-basic-accent
  );
  --restricted-restrictions-white-basic-stroke: var(--white-white-basic-stroke);
  --restricted-restrictions-white-functional-success-standard: var(
          --white-white-functional-success-standard
  );
  --restricted-restrictions-secondary-basic-accent: var(
          --secondary-secondary-basic-accent
  );
  --restricted-restrictions-magenta-basic-background-subtle: var(
          --magenta-magenta-basic-background-subtle
  );
  --restricted-restrictions-black-basic-stroke: var(--black-black-basic-stroke);
  --restricted-restrictions-black-functional-success-standard: var(
          --black-black-functional-success-standard
  );
  --restricted-restrictions-secondary-basic-background-subtle: var(
          --secondary-secondary-basic-background-subtle
  );
  --restricted-restrictions-magenta-basic-stroke: var(
          --magenta-magenta-basic-stroke
  );
  --restricted-restrictions-secondary-basic-stroke: var(
          --secondary-secondary-basic-stroke
  );
  --restricted-restrictions-magenta-functional-success-standard: var(
          --magenta-magenta-functional-success-standard
  );
  --restricted-restrictions-secondary-functional-success-standard: var(
          --secondary-secondary-functional-success-standard
  );
  --white-white-basic-background: var(--core-core-colours-base-white);
  --white-white-basic-text-dominant: var(
          --core-core-colours-brand-light-magenta
  );
  --white-white-basic-text-recessive: var(--core-core-colours-grey-700);
  --white-white-basic-text: var(--core-core-colours-base-black);
  --white-white-basic-text-on-accent: var(--core-core-colours-base-white);
  --white-white-basic-accent: var(--core-core-colours-brand-light-magenta);
  --white-white-basic-background-subtle: var(--core-core-colours-grey-100);
  --white-white-basic-stroke: var(--core-core-colours-base-black);
  --white-white-functional-success-standard: var(
          --core-core-colours-functional-green-700
  );
  --black-black-basic-background: var(--core-core-colours-base-black);
  --black-black-basic-text-recessive: var(--core-core-colours-grey-300);
  --black-black-basic-text: var(--core-core-colours-base-white);
  --black-black-basic-text-dominant: var(--core-core-colours-brand-dark-magenta);
  --black-black-basic-text-on-accent: var(--core-core-colours-base-white);
  --black-black-basic-accent: var(--core-core-colours-brand-light-magenta);
  --black-black-basic-background-subtle: var(--core-core-colours-grey-900);
  --black-black-basic-stroke: var(--core-core-colours-base-white);
  --black-black-functional-success-standard: var(
          --core-core-colours-functional-green-400
  );
  --layout-columns-12-columns: var(--breakpoint-breakpoint-columns-12-columns);
  --magenta-magenta-basic-text-recessive: var(
          --core-core-colours-brand-light-100
  );
  --magenta-magenta-basic-text: var(--core-core-colours-base-white);
  --magenta-magenta-basic-background: var(
          --core-core-colours-brand-light-magenta
  );
  --magenta-magenta-basic-text-dominant: var(--core-core-colours-base-white);
  --magenta-magenta-basic-text-on-accent: var(--core-core-colours-base-black);
  --magenta-magenta-basic-accent: var(--core-core-colours-base-white);
  --magenta-magenta-basic-background-subtle: var(
          --core-core-colours-brand-light-400
  );
  --magenta-magenta-basic-stroke: var(--core-core-colours-base-white);
  --magenta-magenta-functional-success-standard: var(
          --core-core-colours-functional-green-400
  );
  --secondary-secondary-basic-text: var(--core-core-colours-base-black);
  --secondary-secondary-basic-text-recessive: var(
          --core-core-colours-secondary-aperitif-800
  );
  --secondary-secondary-basic-background: var(
          --core-core-colours-secondary-aperitif-aperitif
  );
  --secondary-secondary-basic-text-dominant: var(--core-core-colours-base-black);
  --secondary-secondary-basic-text-on-accent: var(
          --core-core-colours-base-white
  );
  --secondary-secondary-basic-accent: var(--core-core-colours-base-black);
  --secondary-secondary-basic-background-subtle: var(
          --core-core-colours-secondary-aperitif-400
  );
  --secondary-secondary-basic-stroke: var(--core-core-colours-base-black);
  --secondary-secondary-functional-success-standard: var(
          --core-core-colours-functional-green-600
  );
}

/*

To enable a theme in your HTML, simply add one of the following data attributes to an HTML element, like so:

<body data-breakpoint-mode="s-mobile">
    <!-- the rest of your content -->
</body>

You can apply the theme on any DOM node, not just the `body`

*/

[data-breakpoint-mode="s-mobile"] {
  --breakpoint-breakpoint-sizing-viewport: var(--core-viewport-mobile);
  --breakpoint-breakpoint-columns-12-columns: 312px;
}

[data-breakpoint-mode="m-tablet"] {
  --breakpoint-breakpoint-sizing-viewport: var(--core-viewport-tablet);
  --breakpoint-breakpoint-columns-12-columns: 616px;
}

[data-breakpoint-mode="l-laptop"] {
  --breakpoint-breakpoint-sizing-viewport: var(--core-viewport-laptop);
  --breakpoint-breakpoint-columns-12-columns: 849px;
}

[data-breakpoint-mode="XL-desktop"] {
  --breakpoint-breakpoint-sizing-viewport: var(--core-viewport-desktop);
  --breakpoint-breakpoint-columns-12-columns: 1192px;
}

[data-breakpoint-mode="XXL-large-desktop"] {
  --breakpoint-breakpoint-sizing-viewport: var(--core-viewport-large-desktop);
  --breakpoint-breakpoint-columns-12-columns: 1348px;
}

[data-scheme-mode="neutral"] {
  --scheme-scheme-basic-background: var(--mode-mode-basic-background);
  --scheme-scheme-basic-text-dominant: var(--mode-mode-basic-text-dominant);
  --scheme-scheme-basic-text-recessive: var(--mode-mode-basic-text-recessive);
  --scheme-scheme-basic-text: var(--mode-mode-basic-text);
  --scheme-scheme-basic-text-on-accent: var(--mode-mode-basic-text-on-accent);
  --scheme-scheme-basic-accent: var(--mode-mode-basic-accent);
  --scheme-scheme-basic-background-subtle: var(
          --mode-mode-basic-background-subtle
  );
  --scheme-scheme-basic-stroke: var(--mode-mode-basic-stroke);
  --scheme-scheme-functional-success-standard: var(
          --mode-mode-functional-success-standard
  );
}

[data-scheme-mode="inverted"] {
  --scheme-scheme-basic-background: var(--mode-mode-inverted-basic-background);
  --scheme-scheme-basic-text-dominant: var(
          --mode-mode-inverted-basic-text-dominant
  );
  --scheme-scheme-basic-text-recessive: var(
          --mode-mode-inverted-basic-text-recessive
  );
  --scheme-scheme-basic-text: var(--mode-mode-inverted-basic-text);
  --scheme-scheme-basic-text-on-accent: var(
          --mode-mode-inverted-basic-text-on-accent
  );
  --scheme-scheme-basic-accent: var(--mode-mode-inverted-basic-accent);
  --scheme-scheme-basic-background-subtle: var(
          --mode-mode-inverted-basic-background-subtle
  );
  --scheme-scheme-basic-stroke: var(--mode-mode-inverted-basic-stroke);
  --scheme-scheme-functional-success-standard: var(
          --mode-mode-inverted-functional-success-standard
  );
}

[data-scheme-mode="white"] {
  --scheme-scheme-basic-background: var(
          --restricted-restrictions-white-basic-background
  );
  --scheme-scheme-basic-text-dominant: var(
          --restricted-restrictions-white-basic-text-dominant
  );
  --scheme-scheme-basic-text-recessive: var(
          --restricted-restrictions-white-basic-text-recessive
  );
  --scheme-scheme-basic-text: var(--restricted-restrictions-white-basic-text);
  --scheme-scheme-basic-text-on-accent: var(
          --restricted-restrictions-white-basic-text-on-accent
  );
  --scheme-scheme-basic-accent: var(
          --restricted-restrictions-white-basic-accent
  );
  --scheme-scheme-basic-background-subtle: var(
          --restricted-restrictions-white-basic-background-subtle
  );
  --scheme-scheme-basic-stroke: var(
          --restricted-restrictions-white-basic-stroke
  );
  --scheme-scheme-functional-success-standard: var(
          --restricted-restrictions-white-functional-success-standard
  );
}

[data-scheme-mode="black"] {
  --scheme-scheme-basic-background: var(
          --restricted-restrictions-black-basic-background
  );
  --scheme-scheme-basic-text-dominant: var(
          --restricted-restrictions-black-basic-text-dominant
  );
  --scheme-scheme-basic-text-recessive: var(
          --restricted-restrictions-black-basic-text-recessive
  );
  --scheme-scheme-basic-text: var(--restricted-restrictions-black-basic-text);
  --scheme-scheme-basic-text-on-accent: var(
          --restricted-restrictions-black-basic-text-on-accent
  );
  --scheme-scheme-basic-accent: var(
          --restricted-restrictions-black-basic-accent
  );
  --scheme-scheme-basic-background-subtle: var(
          --restricted-restrictions-black-basic-background-subtle
  );
  --scheme-scheme-basic-stroke: var(
          --restricted-restrictions-black-basic-stroke
  );
  --scheme-scheme-functional-success-standard: var(
          --restricted-restrictions-black-functional-success-standard
  );
}

[data-scheme-mode="magenta"] {
  --scheme-scheme-basic-background: var(
          --restricted-restrictions-magenta-basic-background
  );
  --scheme-scheme-basic-text-dominant: var(
          --restricted-restrictions-magenta-basic-text-dominant
  );
  --scheme-scheme-basic-text-recessive: var(
          --restricted-restrictions-magenta-basic-text-recessive
  );
  --scheme-scheme-basic-text: var(--restricted-restrictions-magenta-basic-text);
  --scheme-scheme-basic-text-on-accent: var(
          --restricted-restrictions-magenta-basic-text-on-accent
  );
  --scheme-scheme-basic-accent: var(
          --restricted-restrictions-magenta-basic-accent
  );
  --scheme-scheme-basic-background-subtle: var(
          --restricted-restrictions-magenta-basic-background-subtle
  );
  --scheme-scheme-basic-stroke: var(
          --restricted-restrictions-magenta-basic-stroke
  );
  --scheme-scheme-functional-success-standard: var(
          --restricted-restrictions-magenta-functional-success-standard
  );
}

[data-scheme-mode="secondary"] {
  --scheme-scheme-basic-background: var(
          --restricted-restrictions-secondary-basic-background
  );
  --scheme-scheme-basic-text-dominant: var(
          --restricted-restrictions-secondary-basic-text-dominant
  );
  --scheme-scheme-basic-text-recessive: var(
          --restricted-restrictions-secondary-basic-text-recessive
  );
  --scheme-scheme-basic-text: var(
          --restricted-restrictions-secondary-basic-text
  );
  --scheme-scheme-basic-text-on-accent: var(
          --restricted-restrictions-secondary-basic-text-on-accent
  );
  --scheme-scheme-basic-accent: var(
          --restricted-restrictions-secondary-basic-accent
  );
  --scheme-scheme-basic-background-subtle: var(
          --restricted-restrictions-secondary-basic-background-subtle
  );
  --scheme-scheme-basic-stroke: var(
          --restricted-restrictions-secondary-basic-stroke
  );
  --scheme-scheme-functional-success-standard: var(
          --restricted-restrictions-secondary-functional-success-standard
  );
}

[data-mode-mode="light"] {
  --mode-mode-basic-background: var(
          --restricted-restrictions-white-basic-background
  );
  --mode-mode-basic-text-dominant: var(
          --restricted-restrictions-white-basic-text-dominant
  );
  --mode-mode-basic-text-recessive: var(
          --restricted-restrictions-white-basic-text-recessive
  );
  --mode-mode-basic-text: var(--restricted-restrictions-white-basic-text);
  --mode-mode-basic-text-on-accent: var(
          --restricted-restrictions-white-basic-text-on-accent
  );
  --mode-mode-inverted-basic-background: var(
          --restricted-restrictions-black-basic-background
  );
  --mode-mode-inverted-basic-text-recessive: var(
          --restricted-restrictions-black-basic-text-recessive
  );
  --mode-mode-inverted-basic-text: var(
          --restricted-restrictions-black-basic-text
  );
  --mode-mode-inverted-basic-text-dominant: var(
          --restricted-restrictions-black-basic-text-dominant
  );
  --mode-mode-inverted-basic-text-on-accent: var(
          --restricted-restrictions-black-basic-text-on-accent
  );
  --mode-mode-basic-accent: var(--restricted-restrictions-white-basic-accent);
  --mode-mode-basic-background-subtle: var(
          --restricted-restrictions-white-basic-background-subtle
  );
  --mode-mode-inverted-basic-accent: var(
          --restricted-restrictions-black-basic-accent
  );
  --mode-mode-inverted-basic-background-subtle: var(
          --restricted-restrictions-black-basic-background-subtle
  );
  --mode-mode-basic-stroke: var(--restricted-restrictions-white-basic-stroke);
  --mode-mode-functional-success-standard: var(
          --restricted-restrictions-white-functional-success-standard
  );
  --mode-mode-inverted-basic-stroke: var(
          --restricted-restrictions-black-basic-stroke
  );
  --mode-mode-inverted-functional-success-standard: var(
          --restricted-restrictions-black-functional-success-standard
  );
}

[data-mode-mode="dark"] {
  --mode-mode-basic-background: var(
          --restricted-restrictions-black-basic-background
  );
  --mode-mode-basic-text-dominant: var(
          --restricted-restrictions-black-basic-text-dominant
  );
  --mode-mode-basic-text-recessive: var(
          --restricted-restrictions-black-basic-text-recessive
  );
  --mode-mode-basic-text: var(--restricted-restrictions-black-basic-text);
  --mode-mode-basic-text-on-accent: var(
          --restricted-restrictions-black-basic-text-on-accent
  );
  --mode-mode-inverted-basic-background: var(
          --restricted-restrictions-white-basic-background
  );
  --mode-mode-inverted-basic-text-recessive: var(
          --restricted-restrictions-white-basic-text-recessive
  );
  --mode-mode-inverted-basic-text: var(
          --restricted-restrictions-white-basic-text
  );
  --mode-mode-inverted-basic-text-dominant: var(
          --restricted-restrictions-white-basic-text-dominant
  );
  --mode-mode-inverted-basic-text-on-accent: var(
          --restricted-restrictions-white-basic-text-on-accent
  );
  --mode-mode-basic-accent: var(--restricted-restrictions-black-basic-accent);
  --mode-mode-basic-background-subtle: var(
          --restricted-restrictions-black-basic-background-subtle
  );
  --mode-mode-inverted-basic-accent: var(
          --restricted-restrictions-white-basic-accent
  );
  --mode-mode-inverted-basic-background-subtle: var(
          --restricted-restrictions-white-basic-background-subtle
  );
  --mode-mode-basic-stroke: var(--restricted-restrictions-black-basic-stroke);
  --mode-mode-functional-success-standard: var(
          --restricted-restrictions-black-functional-success-standard
  );
  --mode-mode-inverted-basic-stroke: var(
          --restricted-restrictions-white-basic-stroke
  );
  --mode-mode-inverted-functional-success-standard: var(
          --restricted-restrictions-white-functional-success-standard
  );
}

[data-restricted-mode="unrestricted"] {
  --restricted-restrictions-magenta-basic-text-recessive: var(
          --magenta-magenta-basic-text-recessive
  );
  --restricted-restrictions-magenta-basic-text: var(
          --magenta-magenta-basic-text
  );
  --restricted-restrictions-magenta-basic-background: var(
          --magenta-magenta-basic-background
  );
  --restricted-restrictions-secondary-basic-text: var(
          --secondary-secondary-basic-text
  );
  --restricted-restrictions-secondary-basic-text-recessive: var(
          --secondary-secondary-basic-text-recessive
  );
  --restricted-restrictions-secondary-basic-background: var(
          --secondary-secondary-basic-background
  );
  --restricted-restrictions-magenta-basic-text-dominant: var(
          --magenta-magenta-basic-text-dominant
  );
  --restricted-restrictions-magenta-basic-text-on-accent: var(
          --magenta-magenta-basic-text-on-accent
  );
  --restricted-restrictions-secondary-basic-text-dominant: var(
          --secondary-secondary-basic-text-dominant
  );
  --restricted-restrictions-secondary-basic-text-on-accent: var(
          --secondary-secondary-basic-text-on-accent
  );
  --restricted-restrictions-magenta-basic-accent: var(
          --magenta-magenta-basic-accent
  );
  --restricted-restrictions-secondary-basic-accent: var(
          --secondary-secondary-basic-accent
  );
  --restricted-restrictions-magenta-basic-background-subtle: var(
          --magenta-magenta-basic-background-subtle
  );
  --restricted-restrictions-secondary-basic-background-subtle: var(
          --secondary-secondary-basic-background-subtle
  );
  --restricted-restrictions-magenta-basic-stroke: var(
          --magenta-magenta-basic-stroke
  );
  --restricted-restrictions-secondary-basic-stroke: var(
          --secondary-secondary-basic-stroke
  );
  --restricted-restrictions-magenta-functional-success-standard: var(
          --magenta-magenta-functional-success-standard
  );
  --restricted-restrictions-secondary-functional-success-standard: var(
          --secondary-secondary-functional-success-standard
  );
}

[data-restricted-mode="to-neutral"] {
  --restricted-restrictions-magenta-basic-text-recessive: var(
          --core-core-colours-error
  );
  --restricted-restrictions-magenta-basic-text: var(--core-core-colours-error);
  --restricted-restrictions-magenta-basic-background: var(
          --core-core-colours-error
  );
  --restricted-restrictions-secondary-basic-text: var(--core-core-colours-error);
  --restricted-restrictions-secondary-basic-text-recessive: var(
          --core-core-colours-error
  );
  --restricted-restrictions-secondary-basic-background: var(
          --core-core-colours-error
  );
  --restricted-restrictions-magenta-basic-text-dominant: var(
          --core-core-colours-error
  );
  --restricted-restrictions-magenta-basic-text-on-accent: var(
          --core-core-colours-error
  );
  --restricted-restrictions-secondary-basic-text-dominant: var(
          --core-core-colours-error
  );
  --restricted-restrictions-secondary-basic-text-on-accent: var(
          --core-core-colours-error
  );
  --restricted-restrictions-magenta-basic-accent: var(--core-core-colours-error);
  --restricted-restrictions-secondary-basic-accent: var(
          --core-core-colours-error
  );
  --restricted-restrictions-magenta-basic-background-subtle: var(
          --core-core-colours-error
  );
  --restricted-restrictions-secondary-basic-background-subtle: var(
          --core-core-colours-error
  );
  --restricted-restrictions-magenta-basic-stroke: var(--core-core-colours-error);
  --restricted-restrictions-secondary-basic-stroke: var(
          --core-core-colours-error
  );
  --restricted-restrictions-magenta-functional-success-standard: var(
          --core-core-colours-error
  );
  --restricted-restrictions-secondary-functional-success-standard: var(
          --core-core-colours-error
  );
}

[data-restricted-mode="to-neutral-and-magenta"] {
  --restricted-restrictions-magenta-basic-text-recessive: var(
          --magenta-magenta-basic-text-recessive
  );
  --restricted-restrictions-magenta-basic-text: var(
          --magenta-magenta-basic-text
  );
  --restricted-restrictions-magenta-basic-background: var(
          --magenta-magenta-basic-background
  );
  --restricted-restrictions-secondary-basic-text: var(--core-core-colours-error);
  --restricted-restrictions-secondary-basic-text-recessive: var(
          --core-core-colours-error
  );
  --restricted-restrictions-secondary-basic-background: var(
          --core-core-colours-error
  );
  --restricted-restrictions-magenta-basic-text-dominant: var(
          --magenta-magenta-basic-text-dominant
  );
  --restricted-restrictions-magenta-basic-text-on-accent: var(
          --magenta-magenta-basic-text-on-accent
  );
  --restricted-restrictions-secondary-basic-text-dominant: var(
          --core-core-colours-error
  );
  --restricted-restrictions-secondary-basic-text-on-accent: var(
          --core-core-colours-error
  );
  --restricted-restrictions-magenta-basic-accent: var(
          --magenta-magenta-basic-accent
  );
  --restricted-restrictions-secondary-basic-accent: var(
          --core-core-colours-error
  );
  --restricted-restrictions-magenta-basic-background-subtle: var(
          --magenta-magenta-basic-background-subtle
  );
  --restricted-restrictions-secondary-basic-background-subtle: var(
          --core-core-colours-error
  );
  --restricted-restrictions-magenta-basic-stroke: var(
          --magenta-magenta-basic-stroke
  );
  --restricted-restrictions-secondary-basic-stroke: var(
          --core-core-colours-error
  );
  --restricted-restrictions-magenta-functional-success-standard: var(
          --magenta-magenta-functional-success-standard
  );
  --restricted-restrictions-secondary-functional-success-standard: var(
          --core-core-colours-error
  );
}

[data-restricted-mode="to-neutral-and-secondary"] {
  --restricted-restrictions-magenta-basic-text-recessive: var(
          --core-core-colours-error
  );
  --restricted-restrictions-magenta-basic-text: var(--core-core-colours-error);
  --restricted-restrictions-magenta-basic-background: var(
          --core-core-colours-error
  );
  --restricted-restrictions-secondary-basic-text: var(
          --secondary-secondary-basic-text
  );
  --restricted-restrictions-secondary-basic-text-recessive: var(
          --secondary-secondary-basic-text-recessive
  );
  --restricted-restrictions-secondary-basic-background: var(
          --secondary-secondary-basic-background
  );
  --restricted-restrictions-magenta-basic-text-dominant: var(
          --core-core-colours-error
  );
  --restricted-restrictions-magenta-basic-text-on-accent: var(
          --core-core-colours-error
  );
  --restricted-restrictions-secondary-basic-text-dominant: var(
          --secondary-secondary-basic-text-dominant
  );
  --restricted-restrictions-secondary-basic-text-on-accent: var(
          --secondary-secondary-basic-text-on-accent
  );
  --restricted-restrictions-magenta-basic-accent: var(--core-core-colours-error);
  --restricted-restrictions-secondary-basic-accent: var(
          --secondary-secondary-basic-accent
  );
  --restricted-restrictions-magenta-basic-background-subtle: var(
          --core-core-colours-error
  );
  --restricted-restrictions-secondary-basic-background-subtle: var(
          --secondary-secondary-basic-background-subtle
  );
  --restricted-restrictions-magenta-basic-stroke: var(--core-core-colours-error);
  --restricted-restrictions-secondary-basic-stroke: var(
          --secondary-secondary-basic-stroke
  );
  --restricted-restrictions-magenta-functional-success-standard: var(
          --core-core-colours-error
  );
  --restricted-restrictions-secondary-functional-success-standard: var(
          --secondary-secondary-functional-success-standard
  );
}

[data-secondary-mode="aperitif"] {
  --secondary-secondary-basic-text-recessive: var(
          --core-core-colours-secondary-aperitif-800
  );
  --secondary-secondary-basic-background: var(
          --core-core-colours-secondary-aperitif-aperitif
  );
  --secondary-secondary-basic-background-subtle: var(
          --core-core-colours-secondary-aperitif-400
  );
}

[data-secondary-mode="basketball"] {
  --secondary-secondary-basic-text-recessive: var(
          --core-core-colours-secondary-basketball-800
  );
  --secondary-secondary-basic-background: var(
          --core-core-colours-secondary-basketball-basketball
  );
  --secondary-secondary-basic-background-subtle: var(
          --core-core-colours-secondary-basketball-400
  );
}

[data-secondary-mode="cheddar"] {
  --secondary-secondary-basic-text-recessive: var(
          --core-core-colours-secondary-cheddar-800
  );
  --secondary-secondary-basic-background: var(
          --core-core-colours-secondary-cheddar-cheddar
  );
  --secondary-secondary-basic-background-subtle: var(
          --core-core-colours-secondary-cheddar-400
  );
}

[data-secondary-mode="dandelion"] {
  --secondary-secondary-basic-text-recessive: var(
          --core-core-colours-secondary-dandelion-800
  );
  --secondary-secondary-basic-background: var(
          --core-core-colours-secondary-dandelion-dandelion
  );
  --secondary-secondary-basic-background-subtle: var(
          --core-core-colours-secondary-dandelion-400
  );
}

[data-secondary-mode="egg"] {
  --secondary-secondary-basic-text-recessive: var(
          --core-core-colours-secondary-egg-800
  );
  --secondary-secondary-basic-background: var(
          --core-core-colours-secondary-egg-egg
  );
}

[data-secondary-mode="frog"] {
  --secondary-secondary-basic-text-recessive: var(
          --core-core-colours-secondary-frog-800
  );
  --secondary-secondary-basic-background: var(
          --core-core-colours-secondary-frog-frog
  );
}

[data-secondary-mode="guacamole"] {
  --secondary-secondary-basic-text-recessive: var(
          --core-core-colours-secondary-guacamole-800
  );
  --secondary-secondary-basic-background: var(
          --core-core-colours-secondary-guacamole-guacamole
  );
}

[data-secondary-mode="hummingbird"] {
  --secondary-secondary-basic-text-recessive: var(
          --core-core-colours-secondary-hummingbird-800
  );
  --secondary-secondary-basic-background: var(
          --core-core-colours-secondary-hummingbird-hummingbird
  );
}

[data-secondary-mode="iguana"] {
  --secondary-secondary-basic-text-recessive: var(
          --core-core-colours-secondary-iguana-800
  );
  --secondary-secondary-basic-background: var(
          --core-core-colours-secondary-iguana-iguana
  );
}

[data-secondary-mode="jacuzzi"] {
  --secondary-secondary-basic-text-recessive: var(
          --core-core-colours-secondary-jacuzzi-800
  );
  --secondary-secondary-basic-background: var(
          --core-core-colours-secondary-jacuzzi-jacuzzi
  );
}

[data-secondary-mode="kingfisher"] {
  --secondary-secondary-basic-text-recessive: var(
          --core-core-colours-secondary-kingfisher-800
  );
  --secondary-secondary-basic-background: var(
          --core-core-colours-secondary-kingfisher-kingfisher
  );
}

[data-secondary-mode="lagoon"] {
  --secondary-secondary-basic-text-recessive: var(
          --core-core-colours-secondary-lagoon-800
  );
}

[data-secondary-mode="macaw"] {
  --secondary-secondary-basic-text-recessive: var(
          --core-core-colours-secondary-macaw-800
  );
}