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

:root {
  --border-radius-radius-2: 8; /* @kind radius */
  --border-radius-radius: 8; /* @kind radius */
  --border-width-border-greenkub-medium-2: 2; /* @kind other */
  --border-width-border-greenkub-medium: 2; /* @kind other */
  --border-width-border-greenkub-thin-2: 1; /* @kind other */
  --border-width-border-greenkub-thin: 1; /* @kind other */
  --breakpoints-breakpoint-desktop-2: 1024; /* @kind other */
  --breakpoints-breakpoint-desktop-lg-2: 1440; /* @kind other */
  --breakpoints-breakpoint-desktop-lg: 1440; /* @kind other */
  --breakpoints-breakpoint-desktop: 1024; /* @kind other */
  --breakpoints-breakpoint-mobile-2: 375; /* @kind other */
  --breakpoints-breakpoint-mobile: 375; /* @kind other */
  --breakpoints-breakpoint-tablet-2: 768; /* @kind other */
  --breakpoints-breakpoint-tablet: 768; /* @kind other */
  --color-color-greenkub-yellow: rgb(254,221,99); /* @kind color */
  --color-neutral-colors-color-greenkub-neutral-black-2: rgb(22,22,22); /* @kind color */
  --color-neutral-colors-color-greenkub-neutral-black: rgb(22,22,22); /* @kind color */
  --color-neutral-colors-color-greenkub-neutral-grey-2: rgb(176,176,176); /* @kind color */
  --color-neutral-colors-color-greenkub-neutral-grey: rgb(176,176,176); /* @kind color */
  --color-neutral-colors-color-greenkub-neutral-lightgrey-2: rgb(251,251,251); /* @kind color */
  --color-neutral-colors-color-greenkub-neutral-lightgrey: rgb(251,251,251); /* @kind color */
  --color-neutral-colors-color-greenkub-neutral-mediumgrey-2: rgb(224,224,224); /* @kind color */
  --color-neutral-colors-color-greenkub-neutral-mediumgrey: rgb(224,224,224); /* @kind color */
  --color-neutral-colors-color-greenkub-neutral-white-2: rgb(255,255,255); /* @kind color */
  --color-neutral-colors-color-greenkub-neutral-white: rgb(255,255,255); /* @kind color */
  --color-primary-colors-color-greenkub-primary-green-2: rgb(65,184,131); /* @kind color */
  --color-primary-colors-color-greenkub-primary-green: rgb(65,184,131); /* @kind color */
  --color-primary-colors-color-greenkub-primary-pink-2: rgb(255,119,169); /* @kind color */
  --color-primary-colors-color-greenkub-primary-pink-disabled-2: rgba(255,119,169,0.5); /* @kind color */
  --color-primary-colors-color-greenkub-primary-pink-disabled: rgb(248,191,210); /* @kind color */
  --color-primary-colors-color-greenkub-primary-pink-hover-2: rgb(255,80,145); /* @kind color */
  --color-primary-colors-color-greenkub-primary-pink-hover: rgb(255,80,145); /* @kind color */
  --color-primary-colors-color-greenkub-primary-pink: rgb(255,119,169); /* @kind color */
  --color-secondary-colors-color-greenkub-secondary-error-bg-2: rgb(251,193,211); /* @kind color */
  --color-secondary-colors-color-greenkub-secondary-error-bg: rgb(251,193,211); /* @kind color */
  --color-secondary-colors-color-greenkub-secondary-error-font-2: rgb(175,4,4); /* @kind color */
  --color-secondary-colors-color-greenkub-secondary-error-font: rgb(175,4,4); /* @kind color */
  --color-secondary-colors-color-greenkub-secondary-green-2: rgb(109,212,122); /* @kind color */
  --color-secondary-colors-color-greenkub-secondary-green-alt-2: rgb(162,235,166); /* @kind color */
  --color-secondary-colors-color-greenkub-secondary-green-alt: rgb(162,235,166); /* @kind color */
  --color-secondary-colors-color-greenkub-secondary-green: rgb(109,212,122); /* @kind color */
  --color-secondary-colors-color-greenkub-secondary-lightpink-2: rgb(255,193,211); /* @kind color */
  --color-secondary-colors-color-greenkub-secondary-lightpink: rgb(255,193,211); /* @kind color */
  --color-secondary-colors-color-greenkub-secondary-yellow-2: rgb(254,221,99); /* @kind color */
  --color-secondary-colors-color-greenkub-secondary-yellow: rgb(254,221,99); /* @kind color */
  --font-family-body-2: "Avenir"; /* @kind font */
  --font-family-body: "Avenir"; /* @kind font */
  --font-family-title-2: "Raleway"; /* @kind font */
  --font-family-title: "Raleway"; /* @kind font */
  --font-size-font-body-md-2: 16; /* @kind font */
  --font-size-font-body-md: 16; /* @kind font */
  --font-size-font-btn-md-2: 18; /* @kind font */
  --font-size-font-btn-md: 18; /* @kind font */
  --font-size-font-card-md-desktop-2: 24; /* @kind font */
  --font-size-font-card-md-desktop: 24; /* @kind font */
  --font-size-font-card-md-mobile-2: 18; /* @kind font */
  --font-size-font-card-md-mobile: 18; /* @kind font */
  --font-size-font-title-lg-desktop-2: 48; /* @kind font */
  --font-size-font-title-lg-desktop: 48; /* @kind font */
  --font-size-font-title-lg-mobile-2: 32; /* @kind font */
  --font-size-font-title-lg-mobile: 32; /* @kind font */
  --font-size-font-title-md-desktop-2: 32; /* @kind font */
  --font-size-font-title-md-desktop: 32; /* @kind font */
  --font-size-font-title-md-mobile-2: 20; /* @kind font */
  --font-size-font-title-md-mobile: 20; /* @kind font */
  --font-size-font-title-xl-desktop-2: 80; /* @kind font */
  --font-size-font-title-xl-desktop: 80; /* @kind font */
  --font-size-font-title-xl-mobile-2: 56; /* @kind font */
  --font-size-font-title-xl-mobile: 44; /* @kind font */
  --font-weight-avenir-black-2: 900; /* Figma style name "Black" — @kind font */
  --font-weight-avenir-black: 900; /* Figma style name "Black" — @kind font */
  --font-weight-avenir-heavy-2: 800; /* Figma style name "Heavy" — @kind font */
  --font-weight-avenir-heavy: 800; /* Figma style name "Heavy" — @kind font */
  --font-weight-avenir-medium-2: 500; /* Figma style name "Medium" — @kind font */
  --font-weight-avenir-medium: 500; /* Figma style name "Medium" — @kind font */
  --font-weight-avenir-roman-2: 400; /* Figma style name "Roman" — @kind font */
  --font-weight-avenir-roman: 400; /* Figma style name "Roman" — @kind font */
  --font-weight-raleway-black-2: 900; /* Figma style name "Black" — @kind font */
  --font-weight-raleway-black: 900; /* Figma style name "Black" — @kind font */
  --font-weight-raleway-bold-2: 700; /* Figma style name "Bold" — @kind font */
  --font-weight-raleway-bold: 700; /* Figma style name "Bold" — @kind font */
  --font-weight-raleway-extrabold-2: 800; /* Figma style name "ExtraBold" — @kind font */
  --font-weight-raleway-extrabold: 800; /* Figma style name "ExtraBold" — @kind font */
  --font-weight-raleway-medium-2: 500; /* Figma style name "Medium" — @kind font */
  --font-weight-raleway-medium: 500; /* Figma style name "Medium" — @kind font */
  --font-weight-raleway-semibold-2: 600; /* Figma style name "SemiBold" — @kind font */
  --font-weight-raleway-semibold: 600; /* Figma style name "SemiBold" — @kind font */
  --icon-size-icon-greenkub-lg-2: 40; /* @kind spacing */
  --icon-size-icon-greenkub-lg: 40; /* @kind spacing */
  --icon-size-icon-greenkub-md-2: 32; /* @kind spacing */
  --icon-size-icon-greenkub-md: 32; /* @kind spacing */
  --icon-size-icon-greenkub-sm-2: 24; /* @kind spacing */
  --icon-size-icon-greenkub-sm: 24; /* @kind spacing */
  --opacity-level-opacity-greenkub-high-2: 80; /* @kind other */
  --opacity-level-opacity-greenkub-high: 80; /* @kind other */
  --opacity-level-opacity-greenkub-low-2: 10; /* @kind other */
  --opacity-level-opacity-greenkub-low: 10; /* @kind other */
  --opacity-level-opacity-greenkub-medium-2: 50; /* @kind other */
  --opacity-level-opacity-greenkub-medium: 50; /* @kind other */
  --radtest: var(--border-radius-radius); /* @kind radius */
  --spacing-space-2xl-2: 40; /* @kind spacing */
  --spacing-space-2xl: 40; /* @kind spacing */
  --spacing-space-3xl-2: 80; /* @kind spacing */
  --spacing-space-3xl: 80; /* @kind spacing */
  --spacing-space-lg-2: 24; /* @kind spacing */
  --spacing-space-lg: 24; /* @kind spacing */
  --spacing-space-md-2: 16; /* @kind spacing */
  --spacing-space-md: 16; /* @kind spacing */
  --spacing-space-sm-2: 8; /* @kind spacing */
  --spacing-space-sm: 8; /* @kind spacing */
  --spacing-space-xl-2: 32; /* @kind spacing */
  --spacing-space-xl: 32; /* @kind spacing */
  --spacing-space-xs-2: 4; /* @kind spacing */
  --spacing-space-xs: 4; /* @kind spacing */
}