:root {
  --white: #fbfbfb;
  --pureWhite: #fff;
  --black: #000b0f;
  --shadow: rgba(0, 0, 150, 0.15);

  --primary-main: #2d7b5a;
  --primary-main-alpha-4: #3caf7d56;

  --primary-500: #2d7b5a;
  --primary-600: #276a4d;

  --secondary-600: #286b6a;
  --secondary-700: #225a59;

  --red-600: #cf220f;

  --grey-100: #f6f7f7;
  --grey-200: #e0e2e2;
  --grey-300: #d1d5d6;
  --grey-400: #abb3b5;
  --grey-500: #8e999b;
  --grey-600: #647274;
  --grey-700: #576466;
  --grey-800: #363e3f;
  --grey-900: #1b2021;

  --spacings-xxxs: 0.125rem; /* 2px */
  --spacings-xxs: 0.25rem; /* 4px */
  --spacings-xs: 0.5rem; /* 8px */
  --spacings-sm: 0.75rem; /* 12px */
  --spacings-md: 1rem; /* 16px */
  --spacings-lg: 1.5rem; /* 24px */
  --spacings-xl: 2rem; /* 32px */
  --spacings-xxl: 2.5rem; /* 40px */
  --spacings-xxxl: 3rem; /* 48px */

  --radius-xs: 3px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-rounded: 100px;

  --fonSize-xxxs: 0.625rem; /* 10px */
  --fonSize-xxs: 0.75rem; /* 12px */
  --fonSize-xs: 0.875rem; /* 14px */
  --fonSize-sm: 1rem; /* 16px */
  --fonSize-md: 1.125rem; /* 18px */
  --fonSize-lg: 1.375rem; /* 22px */
  --fonSize-xl: 1.75rem; /* 28px */
  --fonSize-xxl: 2.25rem; /* 36px */
  --fonSize-xxxl: 2.75rem; /* 44px */

  --h1-size: var(--fonSize-xxl);
  --h1-weight: 700;
  --h2-size: var(--fonSize-xl);
  --h2-weight: 600;
  --h3-size: var(--fonSize-lg);
  --h3-weight: 600;
  --h4-size: var(--fonSize-md);
  --h4-weight: 600;
  --h5-size: var(--fonSize-sm);
  --h5-weight: 700;
  --h6-size: var(--fonSize-xs);
  --h6-weight: 500;

  --input-height: 44px;
}