/* Generated by tokens/build.py from tokens.json. Do not edit. */

:root {
  color-scheme: light;
  --bg: #f6f3ec;
  --chrome: #fbf9f4;
  --surface: #fffdf8;
  --surface-hi: #efebe2;
  --sunk: #efebe2;
  --border: #dfd9cd;
  --border-strong: #cfc8ba;
  --text: #34312b;
  --muted: #655f55;
  --faint: #8d877b;
  --on-accent: #ffffff;
  --blue: #3a649c;
  --cyan: #226f74;
  --green: #546c0c;
  --yellow: #8f6200;
  --red: #b13433;
  --orange: #9a4f18;
  --purple: #7d4f9a;
  --blue-tint: #e7ebed;
  --cyan-tint: #e4ece8;
  --green-tint: #eaecdc;
  --yellow-tint: #f9eecb;
  --orange-tint: #f3e8dd;
  --red-tint: #f6e5e0;
  --purple-tint: #efe8ed;
  --yellow-fill: #d39e00;

  --accent: var(--blue);
  --label: var(--cyan);
  --success: var(--green);
  --warning: var(--yellow);
  --error: var(--red);
  --accent-tint: var(--blue-tint);
  --label-tint: var(--cyan-tint);
  --success-tint: var(--green-tint);
  --warning-tint: var(--yellow-tint);
  --error-tint: var(--red-tint);
  --series-1: var(--cyan);
  --series-2: var(--yellow);
  --series-3: var(--purple);
  --series-4: var(--green);
  --series-5: var(--orange);
  --series-6: var(--blue);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #292c33;
    --chrome: #30343c;
    --surface: #30343c;
    --surface-hi: #383c45;
    --sunk: #23262c;
    --border: #41464f;
    --border-strong: #4f555f;
    --text: #d0d3d8;
    --muted: #9a9fa8;
    --faint: #737883;
    --on-accent: #292c33;
    --blue: #88a9c7;
    --cyan: #8abeb7;
    --green: #b5bd68;
    --yellow: #f0c674;
    --red: #d77c7a;
    --orange: #de935f;
    --purple: #b294bb;
    --blue-tint: #3a424e;
    --cyan-tint: #3a464b;
    --green-tint: #42463d;
    --yellow-tint: #4d483f;
    --orange-tint: #4a3f3b;
    --red-tint: #483a40;
    --purple-tint: #423f4b;
    --yellow-fill: #f0c674;
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #292c33;
  --chrome: #30343c;
  --surface: #30343c;
  --surface-hi: #383c45;
  --sunk: #23262c;
  --border: #41464f;
  --border-strong: #4f555f;
  --text: #d0d3d8;
  --muted: #9a9fa8;
  --faint: #737883;
  --on-accent: #292c33;
  --blue: #88a9c7;
  --cyan: #8abeb7;
  --green: #b5bd68;
  --yellow: #f0c674;
  --red: #d77c7a;
  --orange: #de935f;
  --purple: #b294bb;
  --blue-tint: #3a424e;
  --cyan-tint: #3a464b;
  --green-tint: #42463d;
  --yellow-tint: #4d483f;
  --orange-tint: #4a3f3b;
  --red-tint: #483a40;
  --purple-tint: #423f4b;
  --yellow-fill: #f0c674;
}