:root {
  --shadow-general: 0px 12px 16px 2px rgba(49, 50, 58, 0.08);
  --brand-100: rgba(250, 255, 241, 1);
  --brand-200: rgba(239, 255, 214, 1);
  --brand-300: rgba(234, 255, 200, 1);
  --brand-400-primary: rgba(223, 255, 173, 1);
  --brand-500: rgba(211, 242, 164, 1);

  --neutral-100: rgba(250, 250, 250, 1);
  --neutral-200: rgba(245, 245, 245, 1);
  --neutral-300: rgba(231, 231, 231, 1);
  --neutral-400-primary: rgba(211, 211, 211, 1);
  --neutral-500: rgba(141, 141, 141, 1);

  --dark-100: rgba(118, 118, 124, 1);
  --dark-200: rgba(76, 77, 84, 1);
  --dark-300-primary: rgba(49, 50, 58, 1);
  --dark-400: rgba(38, 39, 45, 1);
  --dark-500: rgba(22, 22, 26, 1);

  --font-100: rgba(255, 255, 255, 1);
  --font-200: rgba(250, 250, 250, 1);
  --font-300: rgba(231, 231, 231, 1);
  --font-400: rgba(118, 118, 118, 1);
  --font-500-primary: rgba(49, 50, 58, 1);

  --white: rgba(255, 255, 255, 1);
  --error-200-primar: rgba(217, 10, 45, 1);



  /* XS (12px) */
  --text-XS-bold-font-weight: 700;
  --text-XS-bold-font-size: 0.75rem; /* Converted from 12px */

  --text-XS-semibold-font-weight: 600;
  --text-XS-semibold-font-size: 0.75rem; /* Converted from 12px */
  --text-XS-semibold-letter-spacing: 0px;

  --text-XS-medium-font-weight: 500;
  --text-XS-medium-font-size: 0.75rem; /* Converted from 12px */
  --text-XS-medium-letter-spacing: 0px;

  --text-XS-regular-font-weight: 400;
  --text-XS-regular-font-size: 0.75rem; /* Converted from 12px */


  /* S (14px) */
  --text-s-bold-font-weight: 700;
  --text-s-bold-font-size: 0.875rem; /* Converted from 14px */

  --text-s-semibold-font-weight: 600;
  --text-s-semibold-font-size: 0.875rem; /* Converted from 14px */

  --text-s-medium-font-weight: 500;
  --text-s-medium-font-size: 0.875rem; /* Converted from 14px */

  --text-s-regular-font-weight: 400;
  --text-s-regular-font-size: 0.875rem; /* Converted from 14px */


  /* M (16px) */
  --text-m-bold-font-weight: 700;
  --text-m-bold-font-size: 1rem; /* Converted from 16px */

  --text-m-semibold-font-weight: 600;
  --text-m-semibold-font-size: 1rem; /* Converted from 16px */

  --text-m-regular-font-weight: 400;
  --text-m-regular-font-size: 1rem; /* Converted from 16px */


  /* L (18px) */
  --text-l-bold-font-weight: 700;
  --text-l-bold-font-size: 1.125rem; /* Converted from 18px */

  --text-l-semibold-font-weight: 600;
  --text-l-semibold-font-size: 1.125rem; /* Converted from 18px */

  --text-l-regular-font-weight: 400;
  --text-l-regular-font-size: 1.125rem; /* Converted from 18px */


  /* XL (14px) */
  --text-XL-bold-font-weight: 700;
  --text-XL-bold-font-size: 1.25rem; /* Converted from 20px */

  --text-XL-semibold-font-weight: 600;
  --text-XL-semibold-font-size: 1.25rem; /* Converted from 20px */

  --text-XL-regular-font-weight: 400;
  --text-XL-regular-font-size: 1.25rem; /* Converted from 20px */

  /* Heading 100 (24px) */
  --heading-100-bold-font-weight: 700;
  --heading-100-bold-font-size: 1.5rem; /* Converted from 24px */

  --heading-100-semibold-font-weight: 600;
  --heading-100-semibold-font-size: 1.5rem; /* Converted from 24px */

  --heading-100-regular-font-weight: 400;
  --heading-100-regular-font-size: 1.5rem; /* Converted from 24px */


  /* Heading 200 (30px) */
  --heading-200-bold-font-weight: 700;
  --heading-200-bold-font-size: 1.875rem; /* Converted from 30px */

  --heading-200-semibold-font-weight: 600;
  --heading-200-semibold-font-size: 1.875rem; /* Converted from 30px */

  --heading-200-regular-font-weight: 400;
  --heading-200-regular-font-size: 1.875rem; /* Converted from 30px */


  /* Heading 300 (36px) */
  --heading-300-bold-font-weight: 700;
  --heading-300-bold-font-size: 2.25rem; /* Converted from 36px */
  
  --heading-300-semibold-font-weight: 600;
  --heading-300-semibold-font-size: 2.25rem; /* Converted from 36px */


  --heading-300-regular-font-weight: 400;
  --heading-300-regular-font-size: 2.25rem; /* Converted from 36px */


  /* Heading 400 (48px) */
  --heading-400-bold-font-weight: 700;
  --heading-400-bold-font-size: 3rem; /* Converted from 48px */

  --heading-400-semibold-font-weight: 600;
  --heading-400-semibold-font-size: 3rem; /* Converted from 48px */

  --heading-400-regular-font-weight: 400;
  --heading-400-regular-font-size: 3rem; /* Converted from 48px */


  /* Heading 600 (72px) */
  --heading-600-bold-font-weight: 700;
  --heading-600-bold-font-size: 4.5rem; /* Converted from 72px */

  --heading-600-semibold-font-weight: 600;
  --heading-600-semibold-font-size: 4.5rem; /* Converted from 72px */

  --heading-600-regular-font-weight: 400;
  --heading-600-regular-font-size: 4.5rem; /* Converted from 72px */

}