/* Generated by design/tools/dark_palette.py --write. Do not edit by hand: change the script and rerun. */
/* Light in :root, dark when the system asks for it. Group fills are the base at the token alphas. */
:root {
  color-scheme: light dark;
  --pm-ground: #fafaf9;
  --pm-surface: #ffffff;
  --pm-ink: #111111;
  --pm-onInk: #ffffff;
  --pm-muted: #666666;
  --pm-body2: #444444;
  --pm-hairline: #ececea;
  --pm-border: #ddddda;
  --pm-faceBorder: #d6d6d2;
  --pm-dashed: #9a9a96;
  --pm-faint: #c9c9c4;
  --pm-notJoinedText: #555555;
  --pm-clearBg: #e6e6e3;
  --pm-track: #e2e2df;
  --pm-field: #f2f2f0;
  --pm-hover: #f4f4f1;
  --pm-placeholder: #8a8a86;
  --pm-danger: #c62f1e;
  --pm-dangerBg: #c62f1e;
  --pm-onDanger: #ffffff;
  --pm-onGroup: #ffffff;
  --pm-linkHover: #000000;
  --pm-scrim: rgba(17, 17, 17, 0.32);
  --pm-persimmon: #e2552b;
  --pm-persimmon-text: #a34123;
  --pm-persimmon-balance: #b44625;
  --pm-persimmon-fill: color-mix(in srgb, #e2552b 14%, transparent);
  --pm-persimmon-active: color-mix(in srgb, #e2552b 22%, transparent);
  --pm-pine: #2f7a55;
  --pm-pine-text: #265a41;
  --pm-pine-balance: #286346;
  --pm-pine-fill: color-mix(in srgb, #2f7a55 14%, transparent);
  --pm-pine-active: color-mix(in srgb, #2f7a55 22%, transparent);
  --pm-cobalt: #3557d6;
  --pm-cobalt-text: #2a429b;
  --pm-cobalt-balance: #2d48ab;
  --pm-cobalt-fill: color-mix(in srgb, #3557d6 14%, transparent);
  --pm-cobalt-active: color-mix(in srgb, #3557d6 22%, transparent);
  --pm-plum: #b23a7e;
  --pm-plum-text: #822e5d;
  --pm-plum-balance: #8f3166;
  --pm-plum-fill: color-mix(in srgb, #b23a7e 14%, transparent);
  --pm-plum-active: color-mix(in srgb, #b23a7e 22%, transparent);
  --pm-ochre: #b7791f;
  --pm-ochre-text: #855a1b;
  --pm-ochre-balance: #92621c;
  --pm-ochre-fill: color-mix(in srgb, #b7791f 14%, transparent);
  --pm-ochre-active: color-mix(in srgb, #b7791f 22%, transparent);
  --pm-teal: #1f7a8c;
  --pm-teal-text: #1b5a67;
  --pm-teal-balance: #1c6371;
  --pm-teal-fill: color-mix(in srgb, #1f7a8c 14%, transparent);
  --pm-teal-active: color-mix(in srgb, #1f7a8c 22%, transparent);
  --pm-violet: #6b4fc8;
  --pm-violet-text: #503c91;
  --pm-violet-balance: #5741a0;
  --pm-violet-fill: color-mix(in srgb, #6b4fc8 14%, transparent);
  --pm-violet-active: color-mix(in srgb, #6b4fc8 22%, transparent);
  --pm-slate: #4a5a6a;
  --pm-slate-text: #39444f;
  --pm-slate-balance: #3d4a56;
  --pm-slate-fill: color-mix(in srgb, #4a5a6a 14%, transparent);
  --pm-slate-active: color-mix(in srgb, #4a5a6a 22%, transparent);
}

@media (prefers-color-scheme: dark) {
  :root {
    --pm-ground: #121211;
    --pm-surface: #1c1c1a;
    --pm-ink: #f2f2f0;
    --pm-onInk: #111111;
    --pm-muted: #a3a39e;
    --pm-body2: #cfcfcb;
    --pm-hairline: #2c2c29;
    --pm-border: #3a3a37;
    --pm-faceBorder: #45453f;
    --pm-dashed: #7c7c76;
    --pm-faint: #55554f;
    --pm-notJoinedText: #c2c2bd;
    --pm-clearBg: #34342f;
    --pm-track: #3a3a37;
    --pm-field: #252523;
    --pm-hover: #22221f;
    --pm-placeholder: #8c8c86;
    --pm-danger: #ff7a66;
    --pm-dangerBg: #c62f1e;
    --pm-onDanger: #ffffff;
    --pm-onGroup: #ffffff;
    --pm-linkHover: #ffffff;
    --pm-scrim: rgba(0, 0, 0, 0.6);
    --pm-persimmon: #e2552b;
    --pm-persimmon-text: #e78466;
    --pm-persimmon-balance: #e67856;
    --pm-persimmon-fill: color-mix(in srgb, #e2552b 14%, transparent);
    --pm-persimmon-active: color-mix(in srgb, #e2552b 22%, transparent);
    --pm-pine: #2f7a55;
    --pm-pine-text: #6a9e84;
    --pm-pine-balance: #5a9477;
    --pm-pine-fill: color-mix(in srgb, #2f7a55 14%, transparent);
    --pm-pine-active: color-mix(in srgb, #2f7a55 22%, transparent);
    --pm-cobalt: #3d5ed8;
    --pm-cobalt-text: #738adf;
    --pm-cobalt-balance: #657fdd;
    --pm-cobalt-fill: color-mix(in srgb, #3d5ed8 14%, transparent);
    --pm-cobalt-active: color-mix(in srgb, #3d5ed8 22%, transparent);
    --pm-plum: #b23a7e;
    --pm-plum-text: #c571a0;
    --pm-plum-balance: #c06297;
    --pm-plum-fill: color-mix(in srgb, #b23a7e 14%, transparent);
    --pm-plum-active: color-mix(in srgb, #b23a7e 22%, transparent);
    --pm-ochre: #b7791f;
    --pm-ochre-text: #c99d5e;
    --pm-ochre-balance: #c4944d;
    --pm-ochre-fill: color-mix(in srgb, #b7791f 14%, transparent);
    --pm-ochre-active: color-mix(in srgb, #b7791f 22%, transparent);
    --pm-teal: #1f7a8c;
    --pm-teal-text: #5e9eaa;
    --pm-teal-balance: #4d94a2;
    --pm-teal-fill: color-mix(in srgb, #1f7a8c 14%, transparent);
    --pm-teal-active: color-mix(in srgb, #1f7a8c 22%, transparent);
    --pm-violet: #6e53c9;
    --pm-violet-text: #9683d5;
    --pm-violet-balance: #8b76d2;
    --pm-violet-fill: color-mix(in srgb, #6e53c9 14%, transparent);
    --pm-violet-active: color-mix(in srgb, #6e53c9 22%, transparent);
    --pm-slate: #5c6a79;
    --pm-slate-text: #89939d;
    --pm-slate-balance: #7d8893;
    --pm-slate-fill: color-mix(in srgb, #5c6a79 14%, transparent);
    --pm-slate-active: color-mix(in srgb, #5c6a79 22%, transparent);
  }
}