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

:root {
  --2px: 2; /* @kind spacing */
  --accents-red: rgb(255,56,60); /* @kind color */
  --background: rgb(247,248,255); /* @kind color */
  --black: rgb(48,46,56); /* @kind color */
  --color-1: rgb(255,255,255); /* @kind color */
  --color-2: rgb(0,0,0); /* @kind color */
  --color: rgb(146,153,161); /* @kind color */
  --grey: rgb(236,230,238); /* @kind color */
  --max-heigh: 60; /* @kind spacing */
  --min-heigh: 45; /* @kind spacing */
  --padding-block-item-2: 40;
  --padding-block-item: 40;
  --padding-elements-small: 18;
  --padding-elements: 24;
  --padding-gap-itemlevel: 20;
  --padding-item-2: 32;
  --padding-item-3: 32;
  --padding-item: 32;
  --padding-p3: 40;
  --padding-p5: 24;
  --padding-p6: 18;
  --padding-psmall: 8;
  --primary-contrast-2: var(--zink-00); /* @kind color */
  --primary-contrast-3: var(--zink-00); /* @kind color */
  --primary-contrast: var(--zink-00); /* @kind color */
  --r-m: 25; /* @kind radius */
  --r-smal: 32; /* @kind radius */
  --r15: 15; /* @kind radius */
  --r4: 4; /* @kind radius */
  --r8: 8; /* @kind radius */
  --radius-box: 32;
  --radius-elemens: 8;
  --radius-r5: 8;
  --radius-sub-items-2: 14;
  --radius-sub-items: 14;
  --success-contrast-2: var(--zink-00); /* @kind color */
  --success-contrast-3: var(--zink-00); /* @kind color */
  --success-contrast: var(--zink-00); /* @kind color */
  --text-and-icons-inverse-2: var(--zink-00); /* @kind color */
  --text-and-icons-inverse: var(--zink-00); /* @kind color */
  --token: rgb(25,24,24); /* @kind color */
  --zink-00: rgb(255,255,255); /* @kind color */
  --zink-900: rgb(24,25,27); /* @kind color */
}

:root[data-theme="dark"], .dark {
  --accents-red: rgb(255,66,69); /* @kind color */
  --accents-red: rgb(255,97,101); /* @kind color */
  --primary-contrast-2: var(--zink-00); /* @kind color */
  --primary-contrast-3: var(--zink-00); /* @kind color */
  --primary-contrast: var(--zink-00); /* @kind color */
  --success-contrast-2: var(--zink-00); /* @kind color */
  --success-contrast-3: var(--zink-00); /* @kind color */
  --success-contrast: var(--zink-00); /* @kind color */
  --text-and-icons-inverse-2: var(--zink-900); /* @kind color */
  --text-and-icons-inverse: var(--zink-900); /* @kind color */
}

:root[data-theme="light"], .light {
  --accents-red: rgb(233,21,45); /* @kind color */
}