/*
  This file is only used by 'CSS Variable Automcomplete' VS Code extension
*/

:root {
    --color-neutral-50: #f9f9f9;
    --color-neutral-100: #f2f2f4;
    --color-neutral-200: #e3e2e4;
    --color-neutral-300: #c8c7cb;
    --color-neutral-400: #a7a7ad;
    --color-neutral-500: #919098;
    --color-neutral-600: #7c7a84;
    --color-neutral-700: #666570;
    --color-neutral-800: #3a3947;
    --color-neutral-900: #242232;
    --color-primary-50: #ecf3ff;
    --color-primary-100: #d7e4fe;
    --color-primary-200: #a9c1ff;
    --color-primary-300: #87a1fc;
    --color-primary-400: #5f68fb;
    --color-primary-500: #3742fa;
    --color-primary-600: #313bd9;
    --color-primary-700: #2831ba;
    --color-primary-800: #202797;
    --color-primary-900: #1c2279;
    --color-background-50: #f6f7fa;
    --color-background-100: #edeef4;
    --color-background-200: #e4e7ef;
    --color-background-300: #dee1e9;
    --color-background-400: #d5d8e3;
    --color-background-500: #ced1df;
    --color-background-600: #c6cada;
    --color-background-700: #bdc2d4;
    --color-background-800: #b6bbcf;
    --color-background-900: #adb3c9;
    --color-accent1-50: #fbf5fe;
    --color-accent1-100: #efd7fe;
    --color-accent1-200: #dfaffd;
    --color-accent1-300: #d087fc;
    --color-accent1-400: #c05ffb;
    --color-accent1-500: #b037fa;
    --color-accent1-600: #a134e3;
    --color-accent1-700: #8f2fcb;
    --color-accent1-800: #7e29b3;
    --color-accent1-900: #6c2499;
    --color-accent2-50: #ecfaf9;
    --color-accent2-100: #d7f5f3;
    --color-accent2-200: #b0eae7;
    --color-accent2-300: #88e0da;
    --color-accent2-400: #61d5ce;
    --color-accent2-500: #39cbc2;
    --color-accent2-600: #35bbb3;
    --color-accent2-700: #32aba4;
    --color-accent2-800: #2d9b95;
    --color-accent2-900: #288883;
    --color-error-50: #fee9e7;
    --color-error-100: #fcd1cf;
    --color-error-200: #f9a39e;
    --color-error-300: #f5766e;
    --color-error-400: #f2483d;
    --color-error-500: #ef1a0d;
    --color-error-600: #da1a0e;
    --color-error-700: #c5150a;
    --color-error-800: #b0140a;
    --color-error-900: #971109;
    --color-warning-50: #fff5e9;
    --color-warning-100: #feead2;
    --color-warning-200: #fdd5a5;
    --color-warning-300: #fcbf78;
    --color-warning-400: #fbaa4c;
    --color-warning-500: #f9951f;
    --color-warning-600: #e3891e;
    --color-warning-700: #d6811d;
    --color-warning-800: #c5771c;
    --color-warning-900: #b16b19;
    --color-success-50: #f3fcf3;
    --color-success-100: #d2f5d1;
    --color-success-200: #a4eba3;
    --color-success-300: #77e274;
    --color-success-400: #49d846;
    --color-success-500: #1cce18;
    --color-success-600: #1ab717;
    --color-success-700: #169b13;
    --color-success-800: #128210;
    --color-success-900: #0f6b0e;
    --color-black: #000;
    --color-white: #fff;
    --box-shadow-color: #656b7e1a;
    --box-shadow-neutral-dark-xs: 0 1px 2px 0 #656b7e1a;
    --box-shadow-neutral-dark-s: 0px 2px 4px 0px #656b7e1a, 0px 2px 2px 0px #656b7e1a;
    --box-shadow-neutral-dark-m: 0 3px 4px 0 #656b7e1a, 0 3px 8px 0 #656b7e1a;
    --box-shadow-neutral-dark-l: 0 4px 10px 0 #656b7e1a, 0 4px 14px 0 #656b7e1a;
    --box-shadow-neutral-dark-xl: 0 6px 16px 0 #656b7e1a, 0 6px 20px 0 #656b7e1a;
    --box-shadow-neutral-light-xs: 0 1px 2px 0 #656b7e0d;
    --box-shadow-neutral-light-s: 0px 2px 4px 0px #656b7e1a, 0px 2px 2px 0px #656b7e1a;
    --box-shadow-neutral-light-m: 0 3px 8px 0 #656b7e0d;
    --box-shadow-neutral-light-l: 0 4px 14px 0 #656b7e0d;
    --box-shadow-neutral-light-xl: 0 6px 20px 0 #656b7e0d;
    --box-shadow-primary-dark-xs: 0 1px 2px 0 #3742fa1a;
    --box-shadow-primary-dark-s: 0 2px 2px 0 #3742fa1a, 0 2px 4px 0 #3742fa1a;
    --box-shadow-primary-dark-m: 0 3px 4px 0 #3742fa1a, 0 3px 8px 0 #3742fa1a;
    --box-shadow-primary-dark-l: 0 4px 10px 0 #3742fa1a, 0 4px 14px 0 #3742fa1a;
    --box-shadow-primary-dark-xl: 0 6px 16px 0 #3742fa1a, 0 6px 20px 0 #3742fa1a;
    --box-shadow-primary-light-xs: 0 1px 2px 0 #3742fa0d;
    --box-shadow-primary-light-s: 0 2px 4px 0 #3742fa0d;
    --box-shadow-primary-light-m: 0 3px 8px 0 #3742fa0d;
    --box-shadow-primary-light-l: 0 4px 14px 0 #3742fa0d;
    --box-shadow-primary-light-xl: 0 6px 20px 0 #3742fa0d;
    --font-main-family: 'PT Root UI';
    --font-system-family:
      system-ui, -apple-system, 'Segoe UI', roboto, 'Helvetica Neue', helvetica, sans-serif;
    --typography-title-l-400-font-family: var(--font-main-family);
    --typography-title-l-400-font-weight: 400;
    --typography-title-l-400-line-height: 100%;
    --typography-title-l-400-font-size: 53px;
    --typography-title-l-500-font-family: var(--font-main-family);
    --typography-title-l-500-font-weight: 500;
    --typography-title-l-500-line-height: 100%;
    --typography-title-l-500-font-size: 53px;
    --typography-title-l-600-font-family: var(--font-main-family);
    --typography-title-l-600-font-weight: 600;
    --typography-title-l-600-line-height: 100%;
    --typography-title-l-600-font-size: 53px;
    --typography-title-m-400-font-family: var(--font-main-family);
    --typography-title-m-400-font-weight: 400;
    --typography-title-m-400-line-height: 100%;
    --typography-title-m-400-font-size: 45px;
    --typography-title-m-500-font-family: var(--font-main-family);
    --typography-title-m-500-font-weight: 500;
    --typography-title-m-500-line-height: 100%;
    --typography-title-m-500-font-size: 45px;
    --typography-title-m-600-font-family: var(--font-main-family);
    --typography-title-m-600-font-weight: 600;
    --typography-title-m-600-line-height: 100%;
    --typography-title-m-600-font-size: 45px;
    --typography-title-s-400-font-family: var(--font-main-family);
    --typography-title-s-400-font-weight: 400;
    --typography-title-s-400-line-height: 110%;
    --typography-title-s-400-font-size: 38px;
    --typography-title-s-500-font-family: var(--font-main-family);
    --typography-title-s-500-font-weight: 500;
    --typography-title-s-500-line-height: 110%;
    --typography-title-s-500-font-size: 38px;
    --typography-title-s-600-font-family: var(--font-main-family);
    --typography-title-s-600-font-weight: 600;
    --typography-title-s-600-line-height: 110%;
    --typography-title-s-600-font-size: 38px;
    --typography-head-xl-400-font-family: var(--font-main-family);
    --typography-head-xl-400-font-weight: 400;
    --typography-head-xl-400-line-height: 120%;
    --typography-head-xl-400-font-size: 32px;
    --typography-head-xl-500-font-family: var(--font-main-family);
    --typography-head-xl-500-font-weight: 500;
    --typography-head-xl-500-line-height: 120%;
    --typography-head-xl-500-font-size: 32px;
    --typography-head-xl-600-font-family: var(--font-main-family);
    --typography-head-xl-600-font-weight: 600;
    --typography-head-xl-600-line-height: 120%;
    --typography-head-xl-600-font-size: 32px;
    --typography-head-l-400-font-family: var(--font-main-family);
    --typography-head-l-400-font-weight: 400;
    --typography-head-l-400-line-height: 120%;
    --typography-head-l-400-font-size: 27px;
    --typography-head-l-500-font-family: var(--font-main-family);
    --typography-head-l-500-font-weight: 500;
    --typography-head-l-500-line-height: 120%;
    --typography-head-l-500-font-size: 27px;
    --typography-head-l-600-font-family: var(--font-main-family);
    --typography-head-l-600-font-weight: 600;
    --typography-head-l-600-line-height: 120%;
    --typography-head-l-600-font-size: 27px;
    --typography-head-m-400-font-family: var(--font-main-family);
    --typography-head-m-400-font-weight: 400;
    --typography-head-m-400-line-height: 120%;
    --typography-head-m-400-font-size: 23px;
    --typography-head-m-500-font-family: var(--font-main-family);
    --typography-head-m-500-font-weight: 500;
    --typography-head-m-500-line-height: 120%;
    --typography-head-m-500-font-size: 23px;
    --typography-head-m-600-font-family: var(--font-main-family);
    --typography-head-m-600-font-weight: 600;
    --typography-head-m-600-line-height: 120%;
    --typography-head-m-600-font-size: 23px;
    --typography-head-s-400-font-family: var(--font-main-family);
    --typography-head-s-400-font-weight: 400;
    --typography-head-s-400-line-height: 110%;
    --typography-head-s-400-font-size: 19px;
    --typography-head-s-500-font-family: var(--font-main-family);
    --typography-head-s-500-font-weight: 500;
    --typography-head-s-500-line-height: 110%;
    --typography-head-s-500-font-size: 19px;
    --typography-head-s-600-font-family: var(--font-main-family);
    --typography-head-s-600-font-weight: 600;
    --typography-head-s-600-line-height: 110%;
    --typography-head-s-600-font-size: 19px;
    --typography-body-m-400-font-family: var(--font-main-family);
    --typography-body-m-400-font-weight: 400;
    --typography-body-m-400-line-height: 120%;
    --typography-body-m-400-font-size: 16px;
    --typography-body-m-500-font-family: var(--font-main-family);
    --typography-body-m-500-font-weight: 500;
    --typography-body-m-500-line-height: 120%;
    --typography-body-m-500-font-size: 16px;
    --typography-body-m-600-font-family: var(--font-main-family);
    --typography-body-m-600-font-weight: 600;
    --typography-body-m-600-line-height: 120%;
    --typography-body-m-600-font-size: 16px;
    --typography-body-s-400-font-family: var(--font-main-family);
    --typography-body-s-400-font-weight: 400;
    --typography-body-s-400-line-height: 120%;
    --typography-body-s-400-font-size: 13px;
    --typography-body-s-500-font-family: var(--font-main-family);
    --typography-body-s-500-font-weight: 500;
    --typography-body-s-500-line-height: 120%;
    --typography-body-s-500-font-size: 13px;
    --typography-body-s-600-font-family: var(--font-main-family);
    --typography-body-s-600-font-weight: 600;
    --typography-body-s-600-line-height: 120%;
    --typography-body-s-600-font-size: 13px;
    --typography-body-xs-400-font-family: var(--font-main-family);
    --typography-body-xs-400-font-weight: 400;
    --typography-body-xs-400-line-height: 120%;
    --typography-body-xs-400-font-size: 11px;
    --typography-body-xs-500-font-family: var(--font-main-family);
    --typography-body-xs-500-font-weight: 500;
    --typography-body-xs-500-line-height: 120%;
    --typography-body-xs-500-font-size: 11px;
    --typography-body-xs-600-font-family: var(--font-main-family);
    --typography-body-xs-600-font-weight: 600;
    --typography-body-xs-600-line-height: 120%;
    --typography-body-xs-600-font-size: 11px;
    --spacing-2: 2px;
    --spacing-4: 4px;
    --spacing-6: 6px;
    --spacing-8: 8px;
    --spacing-12: 12px;
    --spacing-16: 16px;
    --spacing-20: 20px;
    --spacing-24: 24px;
    --spacing-32: 32px;
    --spacing-40: 40px;
    --spacing-48: 48px;
    --spacing-56: 56px;
    --border-radius-3xs: 2px;
    --border-radius-2xs: 4px;
    --border-radius-xs: 6px;
    --border-radius-s: 8px;
    --border-radius-m: 10px;
    --border-radius-l: 12px;
    --border-radius-xl: 14px;
    --border-radius-2xl: 16px;
    --border-radius-3xl: 18px;
    --border-radius-4xl: 20px;
  }
  
  /*
  @media (prefers-color-scheme: dark) {
    :root {
      --color-neutral-50: #242232;
      --color-neutral-100: #3a3947;
      --color-neutral-200: #666570;
      --color-neutral-300: #7c7a84;
      --color-neutral-400: #919098;
      --color-neutral-500: #a7a7ad;
      --color-neutral-600: #c8c7cb;
      --color-neutral-700: #e3e2e4;
      --color-neutral-800: #f2f2f4;
      --color-neutral-900: #f9f9f9;
      --color-primary-50: #1c2279;
      --color-primary-100: #202797;
      --color-primary-200: #2831ba;
      --color-primary-300: #313bd9;
      --color-primary-400: #3742fa;
      --color-primary-500: #5f68fb;
      --color-primary-600: #87a1fc;
      --color-primary-700: #a9c1ff;
      --color-primary-800: #d7e4fe;
      --color-primary-900: #ecf3ff;
      --color-background-50: #0a0a0a;
      --color-background-100: #1a1a1a;
      --color-background-200: #2a2a2a;
      --color-background-300: #3a3a3a;
      --color-background-400: #4a4a4a;
      --color-background-500: #5a5a5a;
      --color-background-600: #6a6a6a;
      --color-background-700: #7a7a7a;
      --color-background-800: #8a8a8a;
      --color-background-900: #9a9a9a;
      --color-accent1-50: #6c2499;
      --color-accent1-100: #7e29b3;
      --color-accent1-200: #8f2fcb;
      --color-accent1-300: #a134e3;
      --color-accent1-400: #b037fa;
      --color-accent1-500: #c05ffb;
      --color-accent1-600: #d087fc;
      --color-accent1-700: #dfaffd;
      --color-accent1-800: #efd7fe;
      --color-accent1-900: #fbf5fe;
      --color-accent2-50: #288883;
      --color-accent2-100: #2d9b95;
      --color-accent2-200: #32aba4;
      --color-accent2-300: #35bbb3;
      --color-accent2-400: #39cbc2;
      --color-accent2-500: #61d5ce;
      --color-accent2-600: #88e0da;
      --color-accent2-700: #b0eae7;
      --color-accent2-800: #d7f5f3;
      --color-accent2-900: #ecfaf9;
      --color-error-50: #971109;
      --color-error-100: #b0140a;
      --color-error-200: #c5150a;
      --color-error-300: #da1a0e;
      --color-error-400: #ef1a0d;
      --color-error-500: #f2483d;
      --color-error-600: #f5766e;
      --color-error-700: #f9a39e;
      --color-error-800: #fcd1cf;
      --color-error-900: #fee9e7;
      --color-warning-50: #b16b19;
      --color-warning-100: #c5771c;
      --color-warning-200: #d6811d;
      --color-warning-300: #e3891e;
      --color-warning-400: #f9951f;
      --color-warning-500: #fbaa4c;
      --color-warning-600: #fcbf78;
      --color-warning-700: #fdd5a5;
      --color-warning-800: #feead2;
      --color-warning-900: #fff5e9;
      --color-success-50: #0f6b0e;
      --color-success-100: #128210;
      --color-success-200: #169b13;
      --color-success-300: #1ab717;
      --color-success-400: #1cce18;
      --color-success-500: #49d846;
      --color-success-600: #77e274;
      --color-success-700: #a4eba3;
      --color-success-800: #d2f5d1;
      --color-success-900: #f3fcf3;
      --color-black: #fff;
      --color-white: #000;
    }
  } */