:root {
  --m-color-bg: #ffffff;
  --m-color-bg-raised: #f9f9f9;
  --m-color-bg-hover: #e1e2e2;
  --m-color-bg-tag: #0052dc;
  --m-color-bg-input-checked-hover: #003dab;
  --m-color-bg-input: #ffffff;
  --m-color-bg-input-checked: #0052dc;
  --m-color-bg-promotion-banner: #f4eef9;
  --m-color-bg-toggle: #c2c5cf;
  --m-color-bg-button-hover: #f9f9f9;
  --m-color-bg-button-primary: #0052dc;
  --m-color-bg-button-primary-hover: #022a75;
  --m-color-button-danger: #d60008;
  --m-color-button-danger-hover: #940004;
  --m-color-border-strong: #6e778c;
  --m-color-border-weak: #e0e1e7;
  --m-color-border-focus: #0052dc;
  --m-color-text-invert: #ffffff;
  --m-color-text: #2f3030;
  --m-color-text-weak: #686a6a;
  --m-color-link: #0052dc;
  --m-color-border-input-dark: #c2c5cf;
  --m-color-link-hover: #022a75;
  --m-color-error: #d60008;
  --m-color-error-hover: #940004;
  --m-color-tag: #f0efff;
  --m-color-promotion-banner: #6f4e9a;
  --m-color-promotion-banner-illustration: #d3bdea;
  --m-color-brand: #ff7078;
  --m-color-transparent: rgba(255, 255, 255, 0.0000);
  --m-color-overlay: rgba(70, 71, 71, 0.4000);
  --m-color-border-input-hover: #6e778c;
  --m-color-border-input: #e0e1e7;
  --m-color-muted: #c5c6c6;
  --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: #dfdeff;
  --m-color-feedback-informative: #003dab;
  --m-color-bg-feedback-positive: #c0ecc0;
  --m-color-feedback-positive: #1c5124;
  --m-color-bg-feedback-highlight: #e8dcf4;
  --m-color-feedback-highlight: #553a76;
  --m-color-bg-feedback-neutral: #e1e2e2;
  --m-color-feedback-neutral: #464747;
  --m-color-bg-feedback-negative: #ffd9cc;
  --m-color-feedback-negative: #940004;
  --m-color-bg-feedback-warning: #ffde98;
  --m-color-feedback-warning: #624005;
}