/* https://material-web.dev */
:root,
:host {
    --md-sys-color-background: #121416;
    --md-sys-color-on-background: #e2e2e5;
    --md-sys-color-surface: #121416;
    --md-sys-color-surface-dim: #121416;
    --md-sys-color-surface-bright: #38393b;
    --md-sys-color-surface-container-lowest: #0c0e10;
    --md-sys-color-surface-container-low: #1a1c1e;
    --md-sys-color-surface-container: #1e2022;
    --md-sys-color-surface-container-high: #282a2c;
    --md-sys-color-surface-container-highest: #333537;
    --md-sys-color-on-surface: #e2e2e5;
    --md-sys-color-surface-variant: #42474d;
    --md-sys-color-on-surface-variant: #c2c7ce;
    --md-sys-color-inverse-surface: #e2e2e5;
    --md-sys-color-inverse-on-surface: #2f3033;
    --md-sys-color-outline: #8c9198;
    --md-sys-color-outline-variant: #42474d;
    --md-sys-color-shadow: #000000;
    --md-sys-color-scrim: #000000;
    --md-sys-color-surface-tint: #a4cbec;
    --md-sys-color-primary: #a4cbec;
    --md-sys-color-on-primary: #01344f;
    --md-sys-color-primary-container: #002a41;
    --md-sys-color-on-primary-container: #90b7d8;
    --md-sys-color-inverse-primary: #3b627f;
    --md-sys-color-secondary: #bac8d7;
    --md-sys-color-on-secondary: #24323d;
    --md-sys-color-secondary-container: #313e4a;
    --md-sys-color-on-secondary-container: #c3d2e1;
    --md-sys-color-tertiary: #dfbae8;
    --md-sys-color-on-tertiary: #41264b;
    --md-sys-color-tertiary-container: #371c41;
    --md-sys-color-on-tertiary-container: #caa6d4;
    --md-sys-color-error: #ffb4ab;
    --md-sys-color-on-error: #690005;
    --md-sys-color-error-container: #93000a;
    --md-sys-color-on-error-container: #ffdad6;
}