/* Generated from Figma Variables. First mode = :root default.
   FLOAT tokens are unitless — multiply by 1px in calc() where a length is needed. */

:root {
  --beige: rgb(206,195,174); /* @kind color */
  --black-2: rgb(24,21,20); /* @kind color */
  --black: rgb(9,9,8); /* @kind color */
  --blue-2: rgb(64,80,125); /* @kind color */
  --blue: rgb(173,191,202); /* @kind color */
  --charcoal-black: rgb(27,27,27); /* @kind color */
  --clay: rgb(137,120,103); /* @kind color */
  --color-11: rgb(252,240,214); /* @kind color */
  --color-13: rgb(227,212,179); /* @kind color */
  --color-15: rgb(248,245,242); /* @kind color */
  --color-1: rgb(255,255,255); /* @kind color */
  --color-3: rgb(121,118,113); /* @kind color */
  --color-4: rgb(124,108,139); /* @kind color */
  --color-5: rgb(190,173,136); /* @kind color */
  --color-6: rgb(215,195,233); /* @kind color */
  --color-7: rgb(42,32,51); /* @kind color */
  --color-8: rgb(215,195,233); /* @kind color */
  --color-9: rgb(181,162,120); /* @kind color */
  --color-cerise-red-darkest: rgb(68,16,34); /* @kind color */
  --color-cerise-red-lightest: rgb(252,235,241); /* @kind color */
  --color-cerise-red: rgb(228,56,115); /* @kind color */
  --color-color-cta-active: rgb(185,178,173); /* @kind color */
  --color-color-cta-letsee: rgb(217,217,217); /* @kind color */
  --color-color-cta: rgb(211,204,199); /* @kind color */
  --color-color-disabled: rgb(172,172,172); /* @kind color */
  --color-jaffa-darkest: rgb(72,37,15); /* @kind color */
  --color-jaffa-lightest: rgb(253,242,234); /* @kind color */
  --color-jaffa: rgb(240,126,50); /* @kind color */
  --color-neutral-black: rgb(0,0,0); /* @kind color */
  --color-neutral-dark: rgb(76,76,76); /* @kind color */
  --color-neutral-darkest-2: rgb(0,0,0); /* @kind color */
  --color-neutral-darkest-3: rgb(0,0,0); /* @kind color */
  --color-neutral-darkest: rgb(12,6,3); /* @kind color */
  --color-neutral-white: rgb(255,255,255); /* @kind color */
  --color-primary-1000: rgb(36,33,33); /* @kind color */
  --color-primary-200: rgb(232,232,232); /* @kind color */
  --color-san-marino: rgb(61,114,157); /* @kind color */
  --color-scheme-1-background-2: var(--color-white-3); /* @kind color */
  --color-scheme-1-background: var(--color-white-2); /* @kind color */
  --color-scheme-1-border: var(--opacity-neutral-darkest-15-2); /* @kind color */
  --color-scheme-1-text-2: var(--color-neutral-darkest-2); /* @kind color */
  --color-scheme-1-text-3: var(--color-neutral-darkest-3); /* @kind color */
  --color-scheme-1-text: var(--color-neutral-darkest); /* @kind color */
  --color-scooter-darkest: rgb(15,52,66); /* @kind color */
  --color-scooter-lightest: rgb(234,246,251); /* @kind color */
  --color-scooter: rgb(53,174,222); /* @kind color */
  --color-tertiary-1000: rgb(211,204,199); /* @kind color */
  --color-white-2: rgb(255,255,255); /* @kind color */
  --color-white-3: rgb(255,255,255); /* @kind color */
  --color-white: rgb(255,255,255); /* @kind color */
  --container-container-large-2: 1280; /* @kind spacing */
  --container-container-large: 1280; /* @kind spacing */
  --container-margin-h-container: 100;
  --container-margin-v-container: 80;
  --cranberry: rgb(158,90,100); /* @kind color */
  --dusty-turquoise: rgb(63,138,139); /* @kind color */
  --green-2: rgb(132,167,134); /* @kind color */
  --green-3: rgb(132,167,134); /* @kind color */
  --green: rgb(71,107,34); /* @kind color */
  --grey-200: rgb(231,228,225); /* @kind color */
  --grey-2: rgb(137,120,103); /* @kind color */
  --grey-900: rgb(149,133,118); /* @kind color */
  --grey: rgb(56,55,55); /* @kind color */
  --margin-margin-m: 80;
  --margin-margin-s: 40;
  --margin-margin-xs: 30;
  --margin-margin-xxs: 20;
  --max-width-max-width-large-2: 768; /* @kind spacing */
  --max-width-max-width-large: 768; /* @kind spacing */
  --max-width-max-width-medium: 560; /* @kind spacing */
  --off-white-2: rgb(248,245,239); /* @kind color */
  --off-white: rgb(249,243,233); /* @kind color */
  --opacity-neutral-darkest-15-2: rgba(0,0,0,0.15); /* @kind color */
  --opacity-neutral-darkest-15: rgba(12,6,3,0.15); /* @kind color */
  --opacity-neutral-darkest-5-2: rgba(0,0,0,0.05); /* @kind color */
  --opacity-neutral-darkest-5: rgba(12,6,3,0.05); /* @kind color */
  --opacity-neutral-darkest-60: rgba(12,6,3,0.6); /* @kind color */
  --opacity-transparent: rgba(255,255,255,0); /* @kind color */
  --opacity-white-10-2: rgba(255,255,255,0.1); /* @kind color */
  --opacity-white-10: rgba(255,255,255,0.1); /* @kind color */
  --opacity-white-20: rgba(255,255,255,0.2); /* @kind color */
  --opacity-white-50: rgba(255,255,255,0.5); /* @kind color */
  --opacity-white-60: rgba(255,255,255,0.6); /* @kind color */
  --page-padding-padding-global-2: 64;
  --page-padding-padding-global: 64;
  --pimary-700: rgb(77,175,175); /* @kind color */
  --primary-1000: rgb(0,140,141); /* @kind color */
  --primary-100: rgb(229,243,244); /* @kind color */
  --primary-400: rgb(153,209,209); /* @kind color */
  --rose-100: rgb(245,238,239); /* @kind color */
  --rose-200: rgb(236,222,224); /* @kind color */
  --rose-2: rgb(178,117,132); /* @kind color */
  --rose: rgb(178,117,132); /* @kind color */
  --secondary-1000: rgb(69,31,16); /* @kind color */
  --section-padding-padding-section-large-2: 112;
  --section-padding-padding-section-large: 112;
  --section-padding-padding-section-medium: 80;
  --size-body-size: 16;
  --size-h1-size: 64;
  --size-h2-size: 50;
  --size-h3-size: 35;
  --size-h4-size: 23;
  --state-blue: rgb(64,80,125); /* @kind color */
  --stroke-divider-width: 1;
  --taupe: rgb(71,66,59); /* @kind color */
  --text-alternate: var(--color-neutral-white); /* @kind color */
  --text-primary: var(--color-neutral-black); /* @kind color */
  --text-sizes-heading-1: 84;
  --text-sizes-heading-2: 60;
  --text-sizes-heading-3: 48;
  --text-sizes-heading-4: 40;
  --text-sizes-heading-6: 26;
  --text-sizes-text-medium: 20;
  --text-sizes-text-regular-2: 18;
  --text-sizes-text-regular: 16;
  --white: rgb(255,255,255); /* @kind color */
  --yellow: rgb(229,235,69); /* @kind color */
}

:root[data-mode="tablet"] {
  --container-margin-h-container: 80;
  --container-margin-v-container: 0;
  --margin-margin-m: 60;
  --margin-margin-s: 30;
  --margin-margin-xs: 25;
  --margin-margin-xxs: 16;
  --size-body-size: 16;
  --size-h1-size: 52;
  --size-h2-size: 42;
  --size-h3-size: 28;
  --size-h4-size: 20;
}

:root[data-mode="mobile"] {
  --container-container-large-2: 1280; /* @kind spacing */
  --container-container-large: 1280; /* @kind spacing */
  --container-margin-h-container: 0;
  --container-margin-v-container: 0;
  --margin-margin-m: 0;
  --margin-margin-s: 30;
  --margin-margin-xs: 20;
  --margin-margin-xxs: 12;
  --max-width-max-width-large-2: 768; /* @kind spacing */
  --max-width-max-width-large: 768; /* @kind spacing */
  --max-width-max-width-medium: 560; /* @kind spacing */
  --page-padding-padding-global-2: 20;
  --page-padding-padding-global: 20;
  --section-padding-padding-section-large-2: 64;
  --section-padding-padding-section-large: 64;
  --section-padding-padding-section-medium: 48;
  --size-body-size: 16;
  --size-h1-size: 34;
  --size-h2-size: 27;
  --size-h3-size: 20;
  --size-h4-size: 18;
  --text-sizes-heading-1: 48;
  --text-sizes-heading-2: 44;
  --text-sizes-heading-3: 32;
  --text-sizes-heading-4: 24;
  --text-sizes-heading-6: 18;
  --text-sizes-text-medium: 16;
  --text-sizes-text-regular-2: 14;
  --text-sizes-text-regular: 12;
}