/* Generated from tokens/color.mjs — do not edit by hand */
:root, [data-theme="dark"] {
  --color-bg-deep: #070d0a;
  --color-bg-mid: #0b1612;
  --color-bg-base: #0a1210;
  --color-bg-vignette: #020403;
  --color-bg-haze: #0e1c16;
  --color-grid-line: #6ee7a8;
  --color-brand-ink: #F6F8F8;
  --color-brand-mint: #35D19A;
  --color-brand-coral: #FF6469;
  --color-fg: #c8e6d4;
  --color-fg-muted: #7a9a88;
  --color-fg-emphasis: #e8fff2;
  --color-fg-heading: #dff7e9;
}

[data-theme="light"] {
  --color-bg-deep: #DCE8E1;
  --color-bg-mid: #E8F1EC;
  --color-bg-base: #F4F9F6;
  --color-bg-vignette: #C5D6CC;
  --color-bg-haze: #EEF5F1;
  --color-grid-line: #1F9B6E;
  --color-brand-ink: #0A1210;
  --color-brand-mint: #2BB888;
  --color-brand-coral: #E85A5F;
  --color-fg: #1A2E24;
  --color-fg-muted: #5A7266;
  --color-fg-emphasis: #0A1210;
  --color-fg-heading: #122820;
}