/*
 * Generated from public/palette.js. Do not edit this file by hand.
 *
 * It is the same string paletteCss() returns, so a browser that loads the
 * stylesheet and a page that calls installPalette() get identical values.
 * tests/palette.test.mjs compares the two byte for byte and fails when they
 * drift, which is what makes the copy safe to keep.
 *
 * To update: change public/palette.js, then write paletteCss() here again.
 */

:root {
  color-scheme: light;
  --mint-bg: #F4F5F7;
  --mint-surface: #FFFFFF;
  --mint-surface-sunken: #EFF0F1;
  --mint-border: #D3D6DA;
  --mint-gridline: #E3E4E6;
  --mint-track: #DBDCDF;
  --mint-text: #14181F;
  --mint-text-muted: #4C5563;
  --mint-text-subtle: #626B7A;
  --mint-accent: #205ABE;
  --mint-accent-hover: #004BAC;
  --mint-on-accent: #FFFFFF;
  --mint-focus: #205ABE;
  --mint-link: #205ABE;
  --mint-link-hover: #004BAC;
  --mint-ok: #0B7D57;
  --mint-warn: #95630D;
  --mint-danger: #770A12;
  --mint-unknown: #7D8693;
  --mint-ok-soft: #D7F3E9;
  --mint-warn-soft: #F8ECD7;
  --mint-danger-soft: #F9E6E7;
  --mint-unknown-soft: #EBEDEF;
  --mint-ok-ink: #006D41;
  --mint-warn-ink: #8A5200;
  --mint-danger-ink: #A8363C;
  --mint-ok-line: #8ED2B1;
  --mint-warn-line: #E0BF8D;
  --mint-danger-line: #F9B3A2;
  --mint-series-1: #205ABE;
  --mint-series-2: #A96001;
  --mint-series-3: #1F91B7;
  --mint-series-4: #553300;
  --mint-series-5: #240979;
  --mint-series-6: #970059;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --mint-bg: #0F1216;
    --mint-surface: #171B21;
    --mint-surface-sunken: #14161A;
    --mint-border: #373B43;
    --mint-gridline: #2E3138;
    --mint-track: #3C3F45;
    --mint-text: #E8ECF3;
    --mint-text-muted: #A0AAB8;
    --mint-text-subtle: #808A97;
    --mint-accent: #87ABEB;
    --mint-accent-hover: #A2C3FF;
    --mint-on-accent: #0B0F14;
    --mint-focus: #87ABEB;
    --mint-link: #87ABEB;
    --mint-link-hover: #A2C3FF;
    --mint-ok: #17C29F;
    --mint-warn: #E5C41E;
    --mint-danger: #E8533C;
    --mint-unknown: #6E7784;
    --mint-ok-soft: #153E35;
    --mint-warn-soft: #3E3715;
    --mint-danger-soft: #5C281F;
    --mint-unknown-soft: #333741;
    --mint-ok-ink: #3ED2AB;
    --mint-warn-ink: #EBB816;
    --mint-danger-ink: #FFA589;
    --mint-ok-line: #2B634E;
    --mint-warn-line: #635930;
    --mint-danger-line: #7E4C42;
    --mint-series-1: #87ABEB;
    --mint-series-2: #EBBB88;
    --mint-series-3: #B7E8F8;
    --mint-series-4: #AF7101;
    --mint-series-5: #834DCD;
    --mint-series-6: #D176A4;
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --mint-bg: #0F1216;
  --mint-surface: #171B21;
  --mint-surface-sunken: #14161A;
  --mint-border: #373B43;
  --mint-gridline: #2E3138;
  --mint-track: #3C3F45;
  --mint-text: #E8ECF3;
  --mint-text-muted: #A0AAB8;
  --mint-text-subtle: #808A97;
  --mint-accent: #87ABEB;
  --mint-accent-hover: #A2C3FF;
  --mint-on-accent: #0B0F14;
  --mint-focus: #87ABEB;
  --mint-link: #87ABEB;
  --mint-link-hover: #A2C3FF;
  --mint-ok: #17C29F;
  --mint-warn: #E5C41E;
  --mint-danger: #E8533C;
  --mint-unknown: #6E7784;
  --mint-ok-soft: #153E35;
  --mint-warn-soft: #3E3715;
  --mint-danger-soft: #5C281F;
  --mint-unknown-soft: #333741;
  --mint-ok-ink: #3ED2AB;
  --mint-warn-ink: #EBB816;
  --mint-danger-ink: #FFA589;
  --mint-ok-line: #2B634E;
  --mint-warn-line: #635930;
  --mint-danger-line: #7E4C42;
  --mint-series-1: #87ABEB;
  --mint-series-2: #EBBB88;
  --mint-series-3: #B7E8F8;
  --mint-series-4: #AF7101;
  --mint-series-5: #834DCD;
  --mint-series-6: #D176A4;
}