/* Схема по умолчанию: #0B57D0, tonalSpot. Пока не загрузился скрипт, страница
   стоит в этих цветах, потом он перекрашивает её на лету. */
:root {
  color-scheme: light;
  --md-primary: #495d92;
  --md-on-primary: #ffffff;
  --md-primary-container: #dae2ff;
  --md-on-primary-container: #304578;
  --md-primary-fixed: #dae2ff;
  --md-primary-fixed-dim: #b2c5ff;
  --md-on-primary-fixed: #001847;
  --md-on-primary-fixed-variant: #304578;
  --md-secondary: #585e71;
  --md-on-secondary: #ffffff;
  --md-secondary-container: #dce2f9;
  --md-on-secondary-container: #404659;
  --md-secondary-fixed: #dce2f9;
  --md-secondary-fixed-dim: #c0c6dd;
  --md-on-secondary-fixed: #151b2c;
  --md-on-secondary-fixed-variant: #404659;
  --md-tertiary: #735471;
  --md-on-tertiary: #ffffff;
  --md-tertiary-container: #fed7f9;
  --md-on-tertiary-container: #5a3d59;
  --md-tertiary-fixed: #fed7f9;
  --md-tertiary-fixed-dim: #e1bbdd;
  --md-on-tertiary-fixed: #2b122b;
  --md-on-tertiary-fixed-variant: #5a3d59;
  --md-error: #ba1a1a;
  --md-on-error: #ffffff;
  --md-error-container: #ffdad6;
  --md-on-error-container: #93000a;
  --md-outline: #757780;
  --md-outline-variant: #c5c6d0;
  --md-surface: #faf8ff;
  --md-surface-dim: #dad9e0;
  --md-surface-bright: #faf8ff;
  --md-surface-container-lowest: #ffffff;
  --md-surface-container-low: #f4f3fa;
  --md-surface-container: #eeedf4;
  --md-surface-container-high: #e8e7ef;
  --md-surface-container-highest: #e2e2e9;
  --md-on-surface: #1a1b21;
  --md-on-surface-variant: #45464f;
  --md-inverse-surface: #2f3036;
  --md-on-inverse-surface: #f1f0f7;
  --md-inverse-primary: #b2c5ff;
  --md-shadow: #000000;
  --md-scrim: #000000;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --md-primary: #b2c5ff;
    --md-on-primary: #172e60;
    --md-primary-container: #304578;
    --md-on-primary-container: #dae2ff;
    --md-primary-fixed: #dae2ff;
    --md-primary-fixed-dim: #b2c5ff;
    --md-on-primary-fixed: #001847;
    --md-on-primary-fixed-variant: #304578;
    --md-secondary: #c0c6dd;
    --md-on-secondary: #2a3042;
    --md-secondary-container: #404659;
    --md-on-secondary-container: #dce2f9;
    --md-secondary-fixed: #dce2f9;
    --md-secondary-fixed-dim: #c0c6dd;
    --md-on-secondary-fixed: #151b2c;
    --md-on-secondary-fixed-variant: #404659;
    --md-tertiary: #e1bbdd;
    --md-on-tertiary: #412741;
    --md-tertiary-container: #5a3d59;
    --md-on-tertiary-container: #fed7f9;
    --md-tertiary-fixed: #fed7f9;
    --md-tertiary-fixed-dim: #e1bbdd;
    --md-on-tertiary-fixed: #2b122b;
    --md-on-tertiary-fixed-variant: #5a3d59;
    --md-error: #ffb4ab;
    --md-on-error: #690005;
    --md-error-container: #93000a;
    --md-on-error-container: #ffdad6;
    --md-outline: #8f909a;
    --md-outline-variant: #45464f;
    --md-surface: #121318;
    --md-surface-dim: #121318;
    --md-surface-bright: #38393f;
    --md-surface-container-lowest: #0d0e13;
    --md-surface-container-low: #1a1b21;
    --md-surface-container: #1e1f25;
    --md-surface-container-high: #282a2f;
    --md-surface-container-highest: #33343a;
    --md-on-surface: #e2e2e9;
    --md-on-surface-variant: #c5c6d0;
    --md-inverse-surface: #e2e2e9;
    --md-on-inverse-surface: #2f3036;
    --md-inverse-primary: #495d92;
    --md-shadow: #000000;
    --md-scrim: #000000;
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --md-primary: #b2c5ff;
  --md-on-primary: #172e60;
  --md-primary-container: #304578;
  --md-on-primary-container: #dae2ff;
  --md-primary-fixed: #dae2ff;
  --md-primary-fixed-dim: #b2c5ff;
  --md-on-primary-fixed: #001847;
  --md-on-primary-fixed-variant: #304578;
  --md-secondary: #c0c6dd;
  --md-on-secondary: #2a3042;
  --md-secondary-container: #404659;
  --md-on-secondary-container: #dce2f9;
  --md-secondary-fixed: #dce2f9;
  --md-secondary-fixed-dim: #c0c6dd;
  --md-on-secondary-fixed: #151b2c;
  --md-on-secondary-fixed-variant: #404659;
  --md-tertiary: #e1bbdd;
  --md-on-tertiary: #412741;
  --md-tertiary-container: #5a3d59;
  --md-on-tertiary-container: #fed7f9;
  --md-tertiary-fixed: #fed7f9;
  --md-tertiary-fixed-dim: #e1bbdd;
  --md-on-tertiary-fixed: #2b122b;
  --md-on-tertiary-fixed-variant: #5a3d59;
  --md-error: #ffb4ab;
  --md-on-error: #690005;
  --md-error-container: #93000a;
  --md-on-error-container: #ffdad6;
  --md-outline: #8f909a;
  --md-outline-variant: #45464f;
  --md-surface: #121318;
  --md-surface-dim: #121318;
  --md-surface-bright: #38393f;
  --md-surface-container-lowest: #0d0e13;
  --md-surface-container-low: #1a1b21;
  --md-surface-container: #1e1f25;
  --md-surface-container-high: #282a2f;
  --md-surface-container-highest: #33343a;
  --md-on-surface: #e2e2e9;
  --md-on-surface-variant: #c5c6d0;
  --md-inverse-surface: #e2e2e9;
  --md-on-inverse-surface: #2f3036;
  --md-inverse-primary: #495d92;
  --md-shadow: #000000;
  --md-scrim: #000000;
}