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

:root {
  --color-neutral-darker: rgb(34,34,34); /* @kind color */
  --color-neutral-darkest: rgb(0,0,0); /* @kind color */
  --color-neutral-lighter: rgb(204,204,204); /* @kind color */
  --color-neutral-lightest: rgb(238,238,238); /* @kind color */
  --color-scheme-1-background: var(--color-white); /* @kind color */
  --color-scheme-1-border: var(--color-neutral-darkest); /* @kind color */
  --color-scheme-1-foreground: var(--color-white); /* @kind color */
  --color-scheme-1-text: var(--color-neutral-darkest); /* @kind color */
  --color-white: rgb(255,255,255); /* @kind color */
  --container-container-large: 1280; /* @kind spacing */
  --max-width-max-width-large: 768; /* @kind spacing */
  --max-width-max-width-medium: 560; /* @kind spacing */
  --max-width-max-width-xsmall: 400; /* @kind spacing */
  --opacity-neutral-darkest-40: rgba(0,0,0,0.4); /* @kind color */
  --page-padding-padding-global: 64; /* @kind spacing */
  --radius-large: 0; /* @kind radius */
  --radius-medium: 0; /* @kind radius */
  --section-padding-padding-section-large: 112; /* @kind spacing */
  --section-padding-padding-section-medium: 80; /* @kind spacing */
  --stroke-border-width: 1; /* @kind spacing */
  --stroke-divider-width: 1; /* @kind spacing */
  --text-sizes-heading-1: 56; /* @kind spacing */
  --text-sizes-heading-2: 48; /* @kind spacing */
  --text-sizes-heading-4: 32; /* @kind spacing */
  --text-sizes-heading-5: 24; /* @kind spacing */
  --text-sizes-text-large: 20; /* @kind spacing */
  --text-sizes-text-medium: 18; /* @kind spacing */
  --text-sizes-text-regular: 16; /* @kind spacing */
  --text-sizes-text-small: 14; /* @kind spacing */
}

:root[data-mode="mobile"] {
  --container-container-large: 1280; /* @kind spacing */
  --max-width-max-width-large: 768; /* @kind spacing */
  --max-width-max-width-medium: 560; /* @kind spacing */
  --max-width-max-width-xsmall: 400; /* @kind spacing */
  --page-padding-padding-global: 20; /* @kind spacing */
  --section-padding-padding-section-large: 64; /* @kind spacing */
  --section-padding-padding-section-medium: 48; /* @kind spacing */
  --text-sizes-heading-1: 40; /* @kind spacing */
  --text-sizes-heading-2: 36; /* @kind spacing */
  --text-sizes-heading-4: 24; /* @kind spacing */
  --text-sizes-heading-5: 20; /* @kind spacing */
  --text-sizes-text-large: 18; /* @kind spacing */
  --text-sizes-text-medium: 16; /* @kind spacing */
  --text-sizes-text-regular: 16; /* @kind spacing */
  --text-sizes-text-small: 14; /* @kind spacing */
}