:root {
  --color-white: #fff;
  --color-black: #000;
  --color-gray-900: #3e3e3e;
  --color-gray-700: #5a5a5a;
  --color-gray-400: #969696;
  --color-gray-200: #dadada;
  --color-gray-100: #e6e6e6;
  --color-scrollbar-track: #f2f2f2;
  --color-blue-700: #002664;
  --color-blue-500: #0f4dbc;
  --color-blue-200: #c4d8fc;
  --color-blue-100: #deeaff;
  --color-blue-050: #edf0f2;
  --color-blue-card: #c4d8fc;
  --color-cyan-card: #c4effc;
  --color-violet-card: #e2d5ff;
  --color-green-card: #ddffd5;
  --color-status-bg: rgb(15 77 188 / 10%);
  --color-status-text: #0041a0;
  --color-border-soft: #dedede;
  --color-focus: #a0c2ff;
  --color-error: #fa0808;
  --color-error-hover: #c50202;
  --color-error-focus: #ffa0a0;
  --color-success: #2daf44;
  --color-canvas: #f3f5f8;

  --container-wide: 1440px;
  --container-content: 1340px;
  --search-field-max: 1383px;
  --gutter: 32px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 64px;

  --radius-select: 3px;
  --radius-control: 4px;
  --radius-panel: 8px;
  --radius-search: 0px;

  --shadow-dropdown: 0 8px 24px rgb(0 38 100 / 10%);
  --shadow-panel: 0 1px 2px rgb(0 0 0 / 6%);
  --shadow-card: 0 4px 6px rgb(0 0 0 / 3%);
  --shadow-header: 0 4px 56px rgb(0 0 0 / 25%);

  --font-regular: "Stem-Regular", Arial, sans-serif;
  --font-medium: "Stem-Medium", Arial, sans-serif;
  --font-h1: 64px;
  --font-h2: 40px;
  --font-h3: 32px;
  --font-h4: 22px;
  --font-lead: 28px;
  --font-body: 18px;
  --font-small: 16px;
  --font-small-medium: 14px;
  --font-caption: 12px;
  --line-solid: 1;
  --line-heading: 1.2;
  --line-body: 1.6;
  --line-mobile: 1.4;

  --duration-fast: 120ms;
  --duration-normal: 200ms;
  --duration-slow: 320ms;
  --ease-standard: cubic-bezier(.2, 0, 0, 1);
}

@media (max-width: 390px) {
  :root {
    --gutter: 16px;
    --font-h1: 28px;
    --font-h2: 24px;
    --font-h3: 20px;
    --font-h4: 18px;
    --font-body: 15px;
    --font-small: 13px;
    --font-small-medium: 13px;
  }
}