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

:root {
  --2sm: 16; /* @kind other */
  --3sm-2: 4; /* @kind other */
  --3sm: 12; /* @kind other */
  --3xl: 24; /* @kind other */
  --4xl: 32; /* @kind other */
  --5sm: 0; /* @kind other */
  --7sm: 4; /* @kind other */
  --8sm: 2; /* @kind other */
  --9sm: 0; /* @kind other */
  --borders-border-radius-rounded-full: 9999;
  --borders-border-radius-rounded-lg: 8;
  --brand-sub: var(--burning-500); /* @kind color */
  --burning-500: rgb(255,99,42); /* @kind color */
  --color-transparent-default-default-dark-100: rgb(15,49,49); /* @kind color */
  --color-transparent-default-default-dark-200: rgb(42,72,72); /* @kind color */
  --color-transparent-primary-primary-dark-100: rgba(150,223,153,0.08); /* @kind color */
  --color-transparent-primary-primary-dark-200: rgba(150,223,153,0.16); /* @kind color */
  --colors-amber-100: rgb(255,249,219); /* @kind color */
  --colors-amber-200: rgb(255,245,194); /* @kind color */
  --colors-amber-300: rgb(255,238,143); /* @kind color */
  --colors-amber-400: rgb(255,227,77); /* @kind color */
  --colors-amber-500: rgb(255,215,0); /* @kind color */
  --colors-amber-50: rgb(255,253,240); /* @kind color */
  --colors-amber-600: rgb(204,172,0); /* @kind color */
  --colors-amber-700: rgb(153,129,0); /* @kind color */
  --colors-amber-800: rgb(102,86,0); /* @kind color */
  --colors-amber-900: rgb(66,56,0); /* @kind color */
  --colors-base-black-2: rgb(17,17,17); /* @kind color */
  --colors-base-black-3: rgb(17,17,17); /* @kind color */
  --colors-base-black: rgb(17,17,17); /* @kind color */
  --colors-base-soft-biege: rgb(250,249,247); /* @kind color */
  --colors-base-white-2: rgb(255,255,255); /* @kind color */
  --colors-base-white-3: rgb(255,255,255); /* @kind color */
  --colors-base-white: rgb(255,255,255); /* @kind color */
  --colors-biege-100: rgb(251,248,244); /* @kind color */
  --colors-biege-200: rgb(247,244,240); /* @kind color */
  --colors-biege-300: rgb(240,236,230); /* @kind color */
  --colors-biege-400: rgb(224,219,213); /* @kind color */
  --colors-biege-500: rgb(201,195,188); /* @kind color */
  --colors-biege-50: rgb(255,253,250); /* @kind color */
  --colors-biege-600: rgb(154,148,142); /* @kind color */
  --colors-biege-700: rgb(122,117,112); /* @kind color */
  --colors-biege-800: rgb(90,86,81); /* @kind color */
  --colors-biege-900: rgb(58,55,51); /* @kind color */
  --colors-blue-100: rgb(243,248,250); /* @kind color */
  --colors-blue-200-2: rgb(207,231,253); /* @kind color */
  --colors-blue-200: rgb(229,239,242); /* @kind color */
  --colors-blue-300: rgb(214,229,233); /* @kind color */
  --colors-blue-400: rgb(200,218,223); /* @kind color */
  --colors-blue-500: rgb(183,205,213); /* @kind color */
  --colors-blue-600: rgb(126,152,162); /* @kind color */
  --colors-blue-700: rgb(91,114,123); /* @kind color */
  --colors-blue-800: rgb(65,86,94); /* @kind color */
  --colors-blue-900: rgb(46,63,69); /* @kind color */
  --colors-default-dark-default-dark-100: rgb(15,49,49); /* @kind color */
  --colors-default-dark-default-dark-200: rgb(42,72,72); /* @kind color */
  --colors-forest-green-100: rgb(224,245,222); /* @kind color */
  --colors-forest-green-200: rgb(178,219,184); /* @kind color */
  --colors-forest-green-300: rgb(153,207,160); /* @kind color */
  --colors-forest-green-400: rgb(100,174,110); /* @kind color */
  --colors-forest-green-500: rgb(61,142,73); /* @kind color */
  --colors-forest-green-50: rgb(235,245,236); /* @kind color */
  --colors-forest-green-600: rgb(35,110,48); /* @kind color */
  --colors-forest-green-700: rgb(24,85,35); /* @kind color */
  --colors-forest-green-800: rgb(14,61,23); /* @kind color */
  --colors-forest-green-900: rgb(0,37,37); /* @kind color */
  --colors-green-700: rgb(45,93,81); /* @kind color */
  --colors-grey-100-2: rgb(244,244,244); /* @kind color */
  --colors-grey-100: rgb(244,244,244); /* @kind color */
  --colors-grey-200-2: rgb(233,233,233); /* @kind color */
  --colors-grey-200-3: rgb(233,233,233); /* @kind color */
  --colors-grey-200: rgb(233,233,233); /* @kind color */
  --colors-grey-25: rgb(252,252,252); /* @kind color */
  --colors-grey-300: rgb(211,211,212); /* @kind color */
  --colors-grey-400: rgb(166,167,169); /* @kind color */
  --colors-grey-500: rgb(122,124,125); /* @kind color */
  --colors-grey-50: rgb(250,250,250); /* @kind color */
  --colors-grey-600-2: rgb(77,80,82); /* @kind color */
  --colors-grey-600: rgb(77,80,82); /* @kind color */
  --colors-mint-500: rgb(53,210,45); /* @kind color */
  --colors-red-100: rgb(254,233,234); /* @kind color */
  --colors-red-200: rgb(253,211,213); /* @kind color */
  --colors-red-300: rgb(251,167,171); /* @kind color */
  --colors-red-400: rgb(249,122,129); /* @kind color */
  --colors-red-500: rgb(247,78,87); /* @kind color */
  --colors-red-600: rgb(245,34,45); /* @kind color */
  --colors-red-700: rgb(196,27,36); /* @kind color */
  --colors-red-800: rgb(147,20,27); /* @kind color */
  --colors-red-900: rgb(98,14,18); /* @kind color */
  --colors-white: rgb(255,255,255); /* @kind color */
  --icon: "String value"; /* @kind other */
  --lines-and-borders: rgb(229,231,235); /* @kind color */
  --md: 8; /* @kind other */
  --neutral-10: rgb(255,255,255); /* @kind color */
  --radius-2xl: 24;
  --radius-corner-none-2: 0;
  --radius-corner-none-3: 0;
  --radius-corner-none: 0;
  --radius-corner-rounded-2xl-2: 16;
  --radius-corner-rounded-2xl: 16;
  --radius-corner-rounded-3xl-2: 20;
  --radius-corner-rounded-3xl: 20;
  --radius-corner-rounded-4xl: 24;
  --radius-corner-rounded-full-2: 9999;
  --radius-corner-rounded-full: 9999;
  --radius-corner-rounded-lg-2: 8;
  --radius-corner-rounded-lg: 8;
  --radius-corner-rounded-md: 6;
  --radius-corner-rounded-sm: 2;
  --radius-corner-rounded-xl: 12;
  --radius-corner-rounded: 4;
  --radius-full: 99999;
  --radius-lg: 16;
  --radius-md: 8;
  --radius-xl: 12;
  --sm-2: 8; /* @kind other */
  --sm: 20; /* @kind other */
  --spaces-space-0: 0;
  --spaces-space-1-2: 4;
  --spaces-space-1: 4;
  --spaces-space-2: 8;
  --spaces-space-3: 12;
  --spaces-space-4: 16;
  --spacing-11xl: 48;
  --spacing-16-64px: 64;
  --spacing-2xl-2: 12;
  --spacing-2xl: 12;
  --spacing-4xl-2: 16;
  --spacing-4xl: 16;
  --spacing-5xl: 20;
  --spacing-6xl: 24;
  --spacing-7xl: var(--spacing-16-64px);
  --spacing-lg-2: 8;
  --spacing-lg: 8;
  --spacing-sm: 4;
  --spacing-spacing-0-2: 0;
  --spacing-spacing-0-3: 0;
  --spacing-spacing-0: 0;
  --spacing-spacing-100-2: 100;
  --spacing-spacing-100: 100;
  --spacing-spacing-12-2: 12;
  --spacing-spacing-120: 120;
  --spacing-spacing-12: 12;
  --spacing-spacing-140: 140;
  --spacing-spacing-16-2: 16;
  --spacing-spacing-16-3: 16;
  --spacing-spacing-160: 160;
  --spacing-spacing-16: 16;
  --spacing-spacing-180: 180;
  --spacing-spacing-200: 200;
  --spacing-spacing-24-2: 24;
  --spacing-spacing-24-3: 24;
  --spacing-spacing-24: 24;
  --spacing-spacing-32-2: 32;
  --spacing-spacing-32: 32;
  --spacing-spacing-4-2: 4;
  --spacing-spacing-4-3: 4;
  --spacing-spacing-40-2: 40;
  --spacing-spacing-40: 40;
  --spacing-spacing-48-2: 48;
  --spacing-spacing-48: 48;
  --spacing-spacing-4: 4;
  --spacing-spacing-56: 56;
  --spacing-spacing-64: 64;
  --spacing-spacing-72: 72;
  --spacing-spacing-8-2: 8;
  --spacing-spacing-8-3: 8;
  --spacing-spacing-8-4: 8;
  --spacing-spacing-80: 80;
  --spacing-spacing-88: 88;
  --spacing-spacing-8: 8;
  --spacing-spacing-96: 96;
  --typography-border-width-border-1: 1; /* @kind other */
  --typography-family-ibm-plex-sans-arabic-2: "IBM Plex Sans Arabic"; /* @kind font */
  --typography-family-ibm-plex-sans-arabic: "IBM Plex Sans Arabic"; /* @kind font */
  --typography-family-lyon-arabic-display-2: "Lyon Arabic Display"; /* @kind font */
  --typography-family-lyon-arabic-display: "Lyon Arabic Display"; /* @kind font */
  --typography-line-height-2xl-2: 32;
  --typography-line-height-2xl: 32;
  --typography-line-height-3xl: 36;
  --typography-line-height-4xl-2: 48;
  --typography-line-height-4xl: 48;
  --typography-line-height-5xl-2: 56;
  --typography-line-height-5xl: 56;
  --typography-line-height-6xl: 64;
  --typography-line-height-7xl-2: 72;
  --typography-line-height-7xl: 72;
  --typography-line-height-8xl: 80;
  --typography-line-height-9xl: 88;
  --typography-line-height-base: 24;
  --typography-line-height-lg-2: 24;
  --typography-line-height-lg: 24;
  --typography-line-height-sm-2: 20;
  --typography-line-height-sm: 20;
  --typography-line-height-xl-2: 28;
  --typography-line-height-xl: 28;
  --typography-line-height-xs: 16;
  --typography-size-2xl-2: 24;
  --typography-size-2xl: 24;
  --typography-size-3xl: 30;
  --typography-size-4xl-2: 36;
  --typography-size-4xl: 36;
  --typography-size-5xl-2: 40;
  --typography-size-5xl: 40;
  --typography-size-6xl-2: 48;
  --typography-size-6xl: 48;
  --typography-size-7xl-2: 56;
  --typography-size-7xl: 56;
  --typography-size-8xl: 64;
  --typography-size-9xl: 72;
  --typography-size-base-2: 16;
  --typography-size-base: 16;
  --typography-size-lg-2: 18;
  --typography-size-lg: 18;
  --typography-size-sm-2: 14;
  --typography-size-sm: 14;
  --typography-size-xl-2: 20;
  --typography-size-xl: 20;
  --typography-size-xs-2: 12;
  --typography-size-xs: 12;
  --typography-weight-bold-2: "Bold"; /* @kind other */
  --typography-weight-bold: "Bold"; /* @kind other */
  --typography-weight-medium-2: "medium"; /* @kind other */
  --typography-weight-medium: "medium"; /* @kind other */
  --typography-weight-regular-2: "regular"; /* @kind other */
  --typography-weight-regular: "regular"; /* @kind other */
  --typography-weight-semi-bold: "Semi bold"; /* @kind other */
  --weidth-height-w-9: 36; /* @kind other */
  --xxs: 2; /* @kind other */
}

:root[data-theme="dark"], .dark {
  --borders-border-radius-rounded-lg: 8;
  --colors-blue-200-2: rgb(12,47,79); /* @kind color */
  --colors-white: rgb(26,26,26); /* @kind color */
  --neutral-10: rgb(16,16,16); /* @kind color */
  --spaces-space-0: 0;
  --spaces-space-1-2: 4;
  --spaces-space-2: 8;
  --spaces-space-3: 12;
  --spaces-space-4: 16;
  --typography-border-width-border-1: 1; /* @kind other */
  --weidth-height-w-9: 36; /* @kind other */
}