:root {
  --m-color-bg: #020202;
  --m-color-bg-raised: #080808;
  --m-color-bg-hover: #212121;
  --m-color-bg-tag: #598ee8;
  --m-color-bg-input-checked-hover: #87adef;
  --m-color-bg-input: #020202;
  --m-color-bg-input-checked: #598ee8;
  --m-color-bg-promotion-banner: #16101d;
  --m-color-bg-toggle: #2d3547;
  --m-color-bg-button-hover: #080808;
  --m-color-bg-button-primary: #598ee8;
  --m-color-bg-button-primary-hover: #b8cff5;
  --m-color-button-danger: #fb2727;
  --m-color-button-danger-hover: #fd8b8b;
  --m-color-border-strong: #6c7487;
  --m-color-border-weak: #1c212d;
  --m-color-border-focus: #598ee8;
  --m-color-text-invert: #020202;
  --m-color-text: #cdcdcd;
  --m-color-text-weak: #818181;
  --m-color-link: #598ee8;
  --m-color-border-input-dark: #2d3547;
  --m-color-link-hover: #b8cff5;
  --m-color-error: #fb2727;
  --m-color-error-hover: #fd8b8b;
  --m-color-tag: #16101d;
  --m-color-promotion-banner: #a082c4;
  --m-color-promotion-banner-illustration: #3f2d54;
  --m-color-brand: #ff7078;
  --m-color-transparent: rgba(2, 2, 2, 0.0000);
  --m-color-overlay: rgba(172, 172, 172, 0.4000);
  --m-color-border-input-hover: #6c7487;
  --m-color-border-input: #1c212d;
  --m-color-muted: #353535;
  --m-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
  --m-font-family-mono: 'Geist Mono', monospace, monospace;
  --m-font-weight: 400;
  --m-font-weight-medium: 500;
  --m-font-weight-semibold: 600;
  --m-font-weight-bold: 700;
  --m-font-size-xxs: 10px;
  --m-font-size-xs: 12px;
  --m-font-size-s: 14px;
  --m-font-size-m: 16px;
  --m-font-size-l: 20px;
  --m-font-size-xl: 25px;
  --m-font-size-xxl: 32px;
  --m-font-size-xxxl: 40px;
  --m-font-style-italic: italic;
  --m-line-height-form: 20px;
  --m-line-height-form-s: 16px;
  --m-line-height-xxs: 1.6;
  --m-line-height-m: 1.5;
  --m-line-height-l: 1.4;
  --m-line-height-xl: 1.3;
  --m-line-height-xxl: 1.25;
  --m-line-height-xxxl: 1.2;
  --m-line-height-solid: 1;
  --m-space-xxs: 4px;
  --m-space-xs: 8px;
  --m-space-s: 12px;
  --m-space-m: 16px;
  --m-space-l: 20px;
  --m-space-xl: 32px;
  --m-space-xxl: 64px;
  --m-size-icon-l: 20px;
  --m-size-icon-m: 16px;
  --m-size-icon-s: 14px;
  --m-size-icon-xl: 24px;
  --m-border-radius: 4px;
  --m-border-radius-s: 2px;
  --m-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
  --m-box-shadow-border-bottom-weak: 0px 1px 0px 0px var(--color-border-weak);
  --m-box-shadow-border-top-weak: 0px -1px 0px 0px var(--color-border-weak);
  --m-size-illustration-xxs: 60px;
  --m-border-radius-pill: 999px;
  --m-border-radius-circle: 50%;
  --m-color-bg-feedback-informative: #001e52;
  --m-color-feedback-informative: #87adef;
  --m-color-bg-feedback-positive: #0f2612;
  --m-color-feedback-positive: #67bf74;
  --m-color-bg-feedback-highlight: #261c33;
  --m-color-feedback-highlight: #b9a4d4;
  --m-color-bg-feedback-neutral: #212121;
  --m-color-feedback-neutral: #acacac;
  --m-color-bg-feedback-negative: #470707;
  --m-color-feedback-negative: #fd8b8b;
  --m-color-bg-feedback-warning: #2d1f00;
  --m-color-feedback-warning: #e99d00;
}