/* Generated by gen-theme.mjs with @material/material-color-utilities 0.4.0 – do not edit by hand.
   Theme "Graniitti" (when run with defaults). Seed #50606F, scheme: SchemeContent (spec 2021), contrast level 0.
   --app-color-* are M3 custom (extended) colours harmonized to the seed:
   light tones 40/100/90/10, dark tones 80/20/30/90 (colour / on / container / on-container). */
:root {
  --md-sys-color-primary: #384857;
  --md-sys-color-on-primary: #ffffff;
  --md-sys-color-primary-container: #50606f;
  --md-sys-color-on-primary-container: #c9daec;
  --md-sys-color-inverse-primary: #b8c8da;
  --md-sys-color-secondary: #595f66;
  --md-sys-color-on-secondary: #ffffff;
  --md-sys-color-secondary-container: #dbe0e8;
  --md-sys-color-on-secondary-container: #5d636a;
  --md-sys-color-tertiary: #514255;
  --md-sys-color-on-tertiary: #ffffff;
  --md-sys-color-tertiary-container: #6a596d;
  --md-sys-color-on-tertiary-container: #e8d2ea;
  --md-sys-color-error: #ba1a1a;
  --md-sys-color-on-error: #ffffff;
  --md-sys-color-error-container: #ffdad6;
  --md-sys-color-on-error-container: #93000a;
  --md-sys-color-background: #fbf9fa;
  --md-sys-color-on-background: #1b1c1d;
  --md-sys-color-surface: #fbf9fa;
  --md-sys-color-on-surface: #1b1c1d;
  --md-sys-color-surface-variant: #e0e3e8;
  --md-sys-color-on-surface-variant: #43474b;
  --md-sys-color-surface-dim: #dbd9da;
  --md-sys-color-surface-bright: #fbf9fa;
  --md-sys-color-surface-container-lowest: #ffffff;
  --md-sys-color-surface-container-low: #f5f3f4;
  --md-sys-color-surface-container: #efedee;
  --md-sys-color-surface-container-high: #eae7e9;
  --md-sys-color-surface-container-highest: #e4e2e3;
  --md-sys-color-inverse-surface: #303031;
  --md-sys-color-inverse-on-surface: #f2f0f1;
  --md-sys-color-outline: #74777c;
  --md-sys-color-outline-variant: #c4c7cc;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-surface-tint: #50606f;
  --app-color-up: #006d43;
  --app-color-on-up: #ffffff;
  --app-color-up-container: #92f7bc;
  --app-color-on-up-container: #002111;
  --app-color-flat: #486272;
  --app-color-on-flat: #ffffff;
  --app-color-flat-container: #cbe6fa;
  --app-color-on-flat-container: #011e2c;
  --app-color-down: #b9114b;
  --app-color-on-down: #ffffff;
  --app-color-down-container: #ffd9dd;
  --app-color-on-down-container: #400014;
  --app-color-warn: #7d5700;
  --app-color-on-warn: #ffffff;
  --app-color-warn-container: #ffdeaa;
  --app-color-on-warn-container: #271900;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --md-sys-color-primary: #b8c8da;
    --md-sys-color-on-primary: #223240;
    --md-sys-color-primary-container: #50606f;
    --md-sys-color-on-primary-container: #c9daec;
    --md-sys-color-inverse-primary: #50606f;
    --md-sys-color-secondary: #c1c7cf;
    --md-sys-color-on-secondary: #2b3137;
    --md-sys-color-secondary-container: #41474e;
    --md-sys-color-on-secondary-container: #b0b6bd;
    --md-sys-color-tertiary: #d5c0d7;
    --md-sys-color-on-tertiary: #3a2b3d;
    --md-sys-color-tertiary-container: #6a596d;
    --md-sys-color-on-tertiary-container: #e8d2ea;
    --md-sys-color-error: #ffb4ab;
    --md-sys-color-on-error: #690005;
    --md-sys-color-error-container: #93000a;
    --md-sys-color-on-error-container: #ffdad6;
    --md-sys-color-background: #131314;
    --md-sys-color-on-background: #e4e2e3;
    --md-sys-color-surface: #131314;
    --md-sys-color-on-surface: #e4e2e3;
    --md-sys-color-surface-variant: #43474b;
    --md-sys-color-on-surface-variant: #c4c7cc;
    --md-sys-color-surface-dim: #131314;
    --md-sys-color-surface-bright: #39393a;
    --md-sys-color-surface-container-lowest: #0d0e0f;
    --md-sys-color-surface-container-low: #1b1c1d;
    --md-sys-color-surface-container: #1f2021;
    --md-sys-color-surface-container-high: #292a2b;
    --md-sys-color-surface-container-highest: #343536;
    --md-sys-color-inverse-surface: #e4e2e3;
    --md-sys-color-inverse-on-surface: #303031;
    --md-sys-color-outline: #8e9196;
    --md-sys-color-outline-variant: #43474b;
    --md-sys-color-shadow: #000000;
    --md-sys-color-scrim: #000000;
    --md-sys-color-surface-tint: #b8c8da;
    --app-color-up: #76daa1;
    --app-color-on-up: #003920;
    --app-color-up-container: #005231;
    --app-color-on-up-container: #92f7bc;
    --app-color-flat: #afcadd;
    --app-color-on-flat: #193342;
    --app-color-flat-container: #304a59;
    --app-color-on-flat-container: #cbe6fa;
    --app-color-down: #ffb2bd;
    --app-color-on-down: #670024;
    --app-color-down-container: #900036;
    --app-color-on-down-container: #ffd9dd;
    --app-color-warn: #f7bd51;
    --app-color-on-warn: #422c00;
    --app-color-warn-container: #5f4100;
    --app-color-on-warn-container: #ffdeaa;
    color-scheme: dark;
  }
  }
:root[data-theme="dark"] {
  --md-sys-color-primary: #b8c8da;
  --md-sys-color-on-primary: #223240;
  --md-sys-color-primary-container: #50606f;
  --md-sys-color-on-primary-container: #c9daec;
  --md-sys-color-inverse-primary: #50606f;
  --md-sys-color-secondary: #c1c7cf;
  --md-sys-color-on-secondary: #2b3137;
  --md-sys-color-secondary-container: #41474e;
  --md-sys-color-on-secondary-container: #b0b6bd;
  --md-sys-color-tertiary: #d5c0d7;
  --md-sys-color-on-tertiary: #3a2b3d;
  --md-sys-color-tertiary-container: #6a596d;
  --md-sys-color-on-tertiary-container: #e8d2ea;
  --md-sys-color-error: #ffb4ab;
  --md-sys-color-on-error: #690005;
  --md-sys-color-error-container: #93000a;
  --md-sys-color-on-error-container: #ffdad6;
  --md-sys-color-background: #131314;
  --md-sys-color-on-background: #e4e2e3;
  --md-sys-color-surface: #131314;
  --md-sys-color-on-surface: #e4e2e3;
  --md-sys-color-surface-variant: #43474b;
  --md-sys-color-on-surface-variant: #c4c7cc;
  --md-sys-color-surface-dim: #131314;
  --md-sys-color-surface-bright: #39393a;
  --md-sys-color-surface-container-lowest: #0d0e0f;
  --md-sys-color-surface-container-low: #1b1c1d;
  --md-sys-color-surface-container: #1f2021;
  --md-sys-color-surface-container-high: #292a2b;
  --md-sys-color-surface-container-highest: #343536;
  --md-sys-color-inverse-surface: #e4e2e3;
  --md-sys-color-inverse-on-surface: #303031;
  --md-sys-color-outline: #8e9196;
  --md-sys-color-outline-variant: #43474b;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-surface-tint: #b8c8da;
  --app-color-up: #76daa1;
  --app-color-on-up: #003920;
  --app-color-up-container: #005231;
  --app-color-on-up-container: #92f7bc;
  --app-color-flat: #afcadd;
  --app-color-on-flat: #193342;
  --app-color-flat-container: #304a59;
  --app-color-on-flat-container: #cbe6fa;
  --app-color-down: #ffb2bd;
  --app-color-on-down: #670024;
  --app-color-down-container: #900036;
  --app-color-on-down-container: #ffd9dd;
  --app-color-warn: #f7bd51;
  --app-color-on-warn: #422c00;
  --app-color-warn-container: #5f4100;
  --app-color-on-warn-container: #ffdeaa;
  color-scheme: dark;
}