:root {
  --madhex-black: #000000;
  --madhex-runtime-green: #08ff3a;
  --madhex-runtime-secondary: #1a9b23;
  --madhex-green: #6aa59a;
  --madhex-violet: #6153cc;
  --madhex-surface: #252525;
  --madhex-teal: #34615b;
  --madhex-red: #9b1d20;
  --madhex-white: #ffffff;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;

  --font-primary: Exo, "Segoe UI", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", Consolas, monospace;
  --reader-font-size: 16px;
  --reader-line-height: 1.65;
  --reader-width: 760px;

  --bg: #111111;
  --chrome-bg: #000000;
  --panel: #1b1b1b;
  --panel-strong: #252525;
  --text: #fcfcfc;
  --muted: #b5b5b5;
  --line: #343434;
  --accent: #6aa59a;
  --signal-green: #6aa59a;
  --button-bg: #000000;
  --button-border: #ffffff;
  --button-hover: #2e294e;
  --button-active: #6153cc;
  --button-active-text: #fcfcfc;
  --button-text: #fcfcfc;
  --input-bg: #1b1b1b;
  --input-border: #6e6e6e;
  --focus-ring: #6aa59a;
  --invert-token: #ffffff;
  --modulus-360: #6153cc;
  --modulus-180: #d60000;
  --modulus-90: #6f2b1a;
  --modulus-45: #bd632f;
  --scrollbar-track: #050505;
  --scrollbar-thumb: #242424;
  --scrollbar-thumb-hover: #343434;
  --context-menu-shadow: 0 10px 28px rgb(0 0 0 / 42%);

  --workbook-bg: #101214;
  --workbook-panel-bg: #171b1f;
  --workbook-cell-bg: #171b1f;
  --workbook-header-bg: #252b31;
  --workbook-gridline: #39424a;
  --workbook-header-text: #d8e0e7;
  --workbook-tab-bg: #0f1114;
  --workbook-tab-active-bg: #252b31;
  --workbook-selected: #6aa59a;
  --workbook-peer: #6153cc;
  --surface-shadow: 0 1px 2px rgb(0 0 0 / 22%);
}

body[data-theme="dark"] {
  --bg: #111111;
  --chrome-bg: #000000;
  --panel: #1b1b1b;
  --panel-strong: #252525;
  --text: #fcfcfc;
  --muted: #b5b5b5;
  --line: #343434;
  --accent: #6aa59a;
  --signal-green: #6aa59a;
  --button-bg: #000000;
  --button-border: #ffffff;
  --button-hover: #2e294e;
  --button-active: #6153cc;
  --button-active-text: #fcfcfc;
  --button-text: #fcfcfc;
  --input-bg: #1b1b1b;
  --input-border: #6e6e6e;
  --focus-ring: #6aa59a;
  --invert-token: #ffffff;
  --scrollbar-track: #050505;
  --scrollbar-thumb: #242424;
  --scrollbar-thumb-hover: #343434;
  --workbook-bg: #101214;
  --workbook-panel-bg: #171b1f;
  --workbook-cell-bg: #171b1f;
  --workbook-header-bg: #252b31;
  --workbook-gridline: #39424a;
  --workbook-header-text: #d8e0e7;
  --workbook-tab-bg: #0f1114;
  --workbook-tab-active-bg: #252b31;
  --workbook-selected: #6aa59a;
  --workbook-peer: #6153cc;
  --surface-shadow: 0 1px 2px rgb(0 0 0 / 22%);
}

body[data-theme="gray"] {
  --bg: #191a1d;
  --chrome-bg: #111216;
  --panel: #24262b;
  --panel-strong: #2d3036;
  --text: #f4f4f2;
  --muted: #b7bcc4;
  --line: #484d55;
  --accent: #9ccfc6;
  --signal-green: #7bd88f;
  --input-bg: #24262b;
  --input-border: #68717d;
  --focus-ring: #9ccfc6;
  --invert-token: #ffffff;
  --scrollbar-track: #111216;
  --scrollbar-thumb: #30333a;
  --scrollbar-thumb-hover: #484d55;
  --workbook-bg: #1f2227;
  --workbook-panel-bg: #24262b;
  --workbook-cell-bg: #202328;
  --workbook-header-bg: #2d3036;
  --workbook-gridline: #484d55;
  --workbook-header-text: #d8dde4;
  --workbook-tab-bg: #191a1d;
  --workbook-tab-active-bg: #2d3036;
}

body[data-theme="light"] {
  --bg: #eef2f5;
  --chrome-bg: #f8fafc;
  --panel: #ffffff;
  --panel-strong: #f3f6f8;
  --text: #1f2328;
  --muted: #5f6874;
  --line: #c8d2dc;
  --accent: #217346;
  --signal-green: #008800;
  --button-bg: #ffffff;
  --button-hover: #e9f4ef;
  --button-active: #217346;
  --button-active-text: #ffffff;
  --button-text: #1f2328;
  --button-border: #71869a;
  --input-bg: #ffffff;
  --input-border: #71869a;
  --focus-ring: #217346;
  --invert-token: #000000;
  --scrollbar-track: #e7edf3;
  --scrollbar-thumb: #b3bfcb;
  --scrollbar-thumb-hover: #8594a5;
  --workbook-bg: #ffffff;
  --workbook-panel-bg: #fbfcfd;
  --workbook-cell-bg: #ffffff;
  --workbook-header-bg: #f3f6f8;
  --workbook-gridline: #d9e2ea;
  --workbook-header-text: #49545f;
  --workbook-tab-bg: #edf2f7;
  --workbook-tab-active-bg: #ffffff;
  --workbook-selected: #217346;
  --workbook-peer: #6153cc;
  --surface-shadow: 0 1px 2px rgb(17 24 39 / 8%);
}