:root {
  color-scheme: dark;
  --c-primary: #d0bcff;
  --c-on-primary: #381e72;
  --c-primary-container: #4f378b;
  --c-primary-container-on: #eaddff;
  --c-secondary: #ccc2dc;
  --c-secondary-on: #332d41;
  --c-secondary-container: #4a4458;
  --c-secondary-container-on: #e8def8;
  --c-tertiary: #efb8c8;
  --c-tertirary-on: #492532;
  --c-tertiary-container: #633b48;
  --c-tertiary-container-on: #ffd8e4;
  --c-error: #f2b8b5;
  --c-error-on: #601410;
  --c-error-container: #8c1d18;
  --c-error-container-on: #f9dedc;
  --c-surface: #141218;
  --c-surface-on: #e6e0e9;
  --c-surface-variant: #49454f;
  --c-surface-variant-on: #cac4d0;
  --c-surface-container-highest: #36343b;
  --c-surface-container-high: #2b2930;
  --c-surface-container: #211f26;
  --c-surface-container-low: #1d1b20;
  --c-surface-container-lowest: #0f0d13;
  --c-surface-inverse: #e6e0e9;
  --c-surface-inverse-on: #322f35;
  --c-surface-tint: #d0bcff;
  --c-outline: #938f99;
  --c-outline-variant: #49454f;

  --sidebar-width: 100%;
  --sidebar-radius: 0;
  --max-width: 800px;
}