/* Generated from color.json. Night is the default; set data-theme="day" for the apps' light mode. */
:root {
  --night: #0A0B0D;
  --cloak: #5A1470;
  --cloak-hover: #6B1884;
  --poison: #C9E265;
  --poison-deep: #4C6A00;
  --wash: #1A0D24;
  --ink: #ECECF1;
}

:root,
[data-theme="night"] {
  color-scheme: dark;
  --bg: #0A0B0D;
  --panel: #12131A;
  --surface: #191A23;
  --hover: #1B1C26;
  --selected: #1A0D24;
  --line: #2A2B36;
  --fg: #ECECF1;
  --muted: #9B9BA8;
  --faint: #868693;
  --primary: #331C40;
  --primary-hover: #3A1A49;
  --on-primary: #ECECF1;
  --accent: #C9E265;
  --danger: #F27A6B;
  --ok: #5CC9A7;
  --warn: #E9AE45;
  --info: #7AAEF5;
}

[data-theme="day"] {
  color-scheme: light;
  --bg: #F5F5F7;
  --panel: #FFFFFF;
  --surface: #F0F0F2;
  --hover: #EAEAED;
  --selected: #F3EAF7;
  --line: #E3E3E7;
  --fg: #18181C;
  --muted: #55555D;
  --faint: #67676E;
  --primary: #E8DEEB;
  --primary-hover: #DBCBE0;
  --on-primary: #18181C;
  --accent: #4C6A00;
  --danger: #B5382C;
  --ok: #1B7357;
  --warn: #8A5A00;
  --info: #2F62B8;
}