:root {
  color-scheme: dark;
  --mf-bg: #0b1115;
  --mf-rail: #0e171c;
  --mf-surface: #111b20;
  --mf-raised: #152127;
  --mf-hover: #1a292f;
  --mf-field: #0c151a;
  --mf-border: #223239;
  --mf-border-strong: #2c4048;
  --mf-muted: #8da3a7;
  --mf-soft: #b5c4c3;
  --mf-text: #eef4f2;
  --mf-accent: #47dfbd;
  --mf-accent-soft: #15372f;
  --mf-button: #47dfbd;
  --mf-button-hover: #72e8cc;
  --mf-on-button: #062b22;
  --mf-glow: #47dfbd12;
  --mf-hero-start: #14251f;
  --mf-hero-end: #111b20;
  --mf-success: #92e0c8;
  --mf-success-bg: #15372f;
  --mf-success-border: #2e5e50;
  --mf-warning: #ffc68c;
  --mf-warning-bg: #2b2019;
  --mf-warning-border: #5a3f31;
  --mf-error: #ffb9cb;
  --mf-error-bg: #3a202a;
  --mf-error-border: #744052;
  --mf-ozon: #a5b4ff;
  --mf-ozon-bg: #1c2943;
  --mf-ozon-border: #3c507a;
  --mf-wb: #edaaee;
  --mf-wb-bg: #361d42;
  --mf-wb-border: #683877;
  --mf-overlay: #050b10cc;
  --mf-yandex: #fff;
  --mf-yandex-text: #171719;
  --color-primary: var(--mf-accent);
  --color-on-primary: var(--mf-on-button);
  --color-primary-container: var(--mf-accent-soft);
  --color-on-primary-container: var(--mf-accent);
  --color-on-surface: var(--mf-text);
  --color-on-surface-variant: var(--mf-muted);
  --color-surface: var(--mf-bg);
  --color-surface-container-low: var(--mf-surface);
  --color-surface-container: var(--mf-raised);
  --color-surface-container-high: var(--mf-hover);
  --color-surface-container-highest: var(--mf-hover);
  --color-outline: var(--mf-border-strong);
  --color-outline-variant: var(--mf-border);
  --color-success: var(--mf-success);
  --color-warning: var(--mf-warning);
  --color-error: var(--mf-error);
}
:root[data-theme="light"] {
  color-scheme: light;
  --mf-bg: #f3f7f5;
  --mf-rail: #fafcfb;
  --mf-surface: #fff;
  --mf-raised: #edf3f0;
  --mf-hover: #e4eeea;
  --mf-field: #fff;
  --mf-border: #d9e4de;
  --mf-border-strong: #a6bdb2;
  --mf-muted: #536d65;
  --mf-soft: #3f5c51;
  --mf-text: #152b23;
  --mf-accent: #0e7160;
  --mf-accent-soft: #ddf4ea;
  --mf-button: #0e7160;
  --mf-button-hover: #095847;
  --mf-on-button: #fff;
  --mf-glow: #47dfbd1a;
  --mf-hero-start: #e0f3e9;
  --mf-hero-end: #f8fcfa;
  --mf-success: #156d51;
  --mf-success-bg: #e7f5ed;
  --mf-success-border: #b5daca;
  --mf-warning: #84501f;
  --mf-warning-bg: #fff3df;
  --mf-warning-border: #e8cda7;
  --mf-error: #a72d44;
  --mf-error-bg: #fff0f2;
  --mf-error-border: #e9b8c2;
  --mf-ozon: #3851ac;
  --mf-ozon-bg: #ecf0ff;
  --mf-ozon-border: #c9d4f3;
  --mf-wb: #922d88;
  --mf-wb-bg: #f9edfa;
  --mf-wb-border: #e9c6e9;
  --mf-overlay: #152b2377;
}