:root {
  --bg: #f1f4f9;
  --paper: #ffffff;
  --ink: #0d1b38;
  --body: #38475f;
  --quiet: #59687f;
  --line: #d8e0ec;
  --fill: #d6e2fd;
  --hatch: #aac2fb;
  --accent: #1d61f3;
  --accent-ink: #174fc7;
  color-scheme: light;
}

:root[data-theme='blue'] {
  --bg: #f1f4f9;
  --paper: #ffffff;
  --ink: #0d1b38;
  --body: #38475f;
  --quiet: #59687f;
  --line: #d8e0ec;
  --fill: #d6e2fd;
  --hatch: #aac2fb;
  --accent: #1d61f3;
  --accent-ink: #174fc7;
  color-scheme: light;
}

:root[data-theme='ember'] {
  --bg: #fffcf4;
  --paper: #ffffff;
  --ink: #2a1810;
  --body: #4b3a30;
  --quiet: #6f5d51;
  --line: #ece2d2;
  --fill: #fbe0d4;
  --hatch: #f2b8a2;
  --accent: #e26f4a;
  --accent-ink: #a8461f;
  color-scheme: light;
}

:root[data-theme='rose'] {
  --bg: #f9dedf;
  --paper: #fff5f5;
  --ink: #33060e;
  --body: #52232b;
  --quiet: #6e3c45;
  --line: #efc3c6;
  --fill: #ffc7cf;
  --hatch: #ff94a5;
  --accent: #ff173d;
  --accent-ink: #ad0020;
  color-scheme: light;
}

:root[data-theme='neon'] {
  --bg: #2a0011;
  --paper: #3a0519;
  --ink: #fff1f4;
  --body: #ecc9d1;
  --quiet: #c09aa4;
  --line: #52182d;
  --fill: #4c0f26;
  --hatch: #6e2140;
  --accent: #00ff66;
  --accent-ink: #3dff8a;
  color-scheme: dark;
}

:root[data-theme='neon'] .astro-code,
:root[data-theme='neon'] .astro-code span {
  color: var(--shiki-dark);
}

:root[data-theme='lime'] {
  --bg: #2f3a1d;
  --paper: #384624;
  --ink: #f7ffe8;
  --body: #dbe5c6;
  --quiet: #adb994;
  --line: #4a5932;
  --fill: #46552b;
  --hatch: #62743c;
  --accent: #cfff74;
  --accent-ink: #d9ff8f;
  color-scheme: dark;
}

:root[data-theme='lime'] .astro-code,
:root[data-theme='lime'] .astro-code span {
  color: var(--shiki-dark);
}
