/* OpenWire themes. Each theme sets the colors of the app and of the drawing.
   This file is made by a script from one table of colors. app.js sets data-theme on <html>.
   Catppuccin colors: https://catppuccin.com (MIT). VS Code colors: the Dark Modern, Dark+ and Light Modern themes. */

:root {
  --ink: #26323f;
  --ink-muted: #56636f;
  --bg: #e7ecf0;
  --chrome: #f5f7f9;
  --surface: #ffffff;
  --rule: #d5dde4;
  --rule-strong: #b3bfca;
  --marker: #f2c12e;
  --focus: #1f5fbf;
  --error: #c42b27;
  --warning: #b35c0a;
  --warning-fill: #ef7d14;
  --info: #1f5fbf;
  --primary-bg: #26323f;
  --primary-fg: #ffffff;
  --primary-hover: #1a242e;
  --hover: rgba(31, 95, 191, 0.07);
  --selected: rgba(242, 193, 46, 0.3);
  --shadow: 0 10px 28px rgba(20, 32, 44, 0.18);
  --ow-sheet: #ffffff;
  --ow-grid-minor: #e5ecf2;
  --ow-grid-major: #cfd9e3;
  --ow-ink: #26323f;
  --ow-body: #ffffff;
  --ow-head: #26323f;
  --ow-head-text: #ffffff;
  --ow-head-sub: #b9c6d3;
  --ow-numcol: #eef2f5;
  --ow-text: #1d2833;
  --ow-muted: #52606d;
  --ow-anchor: #ffffff;
  --ow-anchor-line: #8795a3;
  --ow-anchor-used: #26323f;
  --ow-wire-edge: #1d2833;
  --ow-label-bg: #ffffff;
  --ow-label-line: #c3ccd5;
  --ow-sel: #f2c12e;
  --ow-split-body: #e3e6e9;
  --ow-split-sep: #c4cad0;
  --ow-photo-bg: #f6f8fa;
  --ow-group-name: #3d4a57;
  --ow-row-line: #d8e0e7;
  color-scheme: light;
}

:root[data-theme='dark'] {
  --ink: #e6ebf0;
  --ink-muted: #a3b1be;
  --bg: #12181e;
  --chrome: #1b232b;
  --surface: #243039;
  --rule: #2e3a45;
  --rule-strong: #4a5a69;
  --marker: #f2c12e;
  --focus: #8ab4ff;
  --error: #ff8a80;
  --warning: #ffb45e;
  --warning-fill: #ef7d14;
  --info: #8ab4ff;
  --primary-bg: #f2c12e;
  --primary-fg: #1d2833;
  --primary-hover: #ffd24d;
  --hover: rgba(138, 180, 255, 0.09);
  --selected: rgba(242, 193, 46, 0.22);
  --shadow: 0 12px 30px rgba(0, 0, 0, 0.5);
  --ow-sheet: #161d24;
  --ow-grid-minor: #1d262f;
  --ow-grid-major: #29343f;
  --ow-ink: #8fa0b0;
  --ow-body: #1f2830;
  --ow-head: #0d1318;
  --ow-head-text: #e6ebf0;
  --ow-head-sub: #8ea0b2;
  --ow-numcol: #27323c;
  --ow-text: #e6ebf0;
  --ow-muted: #9aabbb;
  --ow-anchor: #1f2830;
  --ow-anchor-line: #7c8c9b;
  --ow-anchor-used: #e6ebf0;
  --ow-wire-edge: #a9b6c2;
  --ow-label-bg: #1f2830;
  --ow-label-line: #3c4a57;
  --ow-sel: #f2c12e;
  --ow-split-body: #2a343e;
  --ow-split-sep: #3c4752;
  --ow-photo-bg: #161d24;
  --ow-group-name: #c3ced8;
  --ow-row-line: #2f3a45;
  color-scheme: dark;
}

:root[data-theme='latte'] {
  --ink: #4c4f69;
  --ink-muted: #6c6f85;
  --bg: #dce0e8;
  --chrome: #e6e9ef;
  --surface: #eff1f5;
  --rule: #ccd0da;
  --rule-strong: #acb0be;
  --marker: #df8e1d;
  --focus: #1e66f5;
  --error: #d20f39;
  --warning: #fe640b;
  --warning-fill: #fe640b;
  --info: #1e66f5;
  --primary-bg: #8839ef;
  --primary-fg: #eff1f5;
  --primary-hover: #7287fd;
  --hover: rgba(30, 102, 245, 0.1);
  --selected: rgba(223, 142, 29, 0.28);
  --shadow: 0 12px 30px rgba(76, 79, 105, 0.2);
  --ow-sheet: #e6e9ef;
  --ow-grid-minor: #dadee6;
  --ow-grid-major: #ccd0da;
  --ow-ink: #8c8fa1;
  --ow-body: #eff1f5;
  --ow-head: #4c4f69;
  --ow-head-text: #eff1f5;
  --ow-head-sub: #bcc0cc;
  --ow-numcol: #ccd0da;
  --ow-text: #4c4f69;
  --ow-muted: #6c6f85;
  --ow-anchor: #eff1f5;
  --ow-anchor-line: #8c8fa1;
  --ow-anchor-used: #4c4f69;
  --ow-wire-edge: #4c4f69;
  --ow-label-bg: #eff1f5;
  --ow-label-line: #acb0be;
  --ow-sel: #df8e1d;
  --ow-split-body: #ccd0da;
  --ow-split-sep: #acb0be;
  --ow-photo-bg: #e6e9ef;
  --ow-group-name: #5c5f77;
  --ow-row-line: #ccd0da;
  color-scheme: light;
}

:root[data-theme='frappe'] {
  --ink: #c6d0f5;
  --ink-muted: #a5adce;
  --bg: #232634;
  --chrome: #292c3c;
  --surface: #303446;
  --rule: #414559;
  --rule-strong: #626880;
  --marker: #e5c890;
  --focus: #8caaee;
  --error: #e78284;
  --warning: #ef9f76;
  --warning-fill: #ef9f76;
  --info: #8caaee;
  --primary-bg: #ca9ee6;
  --primary-fg: #232634;
  --primary-hover: #babbf1;
  --hover: rgba(140, 170, 238, 0.1);
  --selected: rgba(229, 200, 144, 0.28);
  --shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
  --ow-sheet: #303446;
  --ow-grid-minor: #383c4f;
  --ow-grid-major: #44495d;
  --ow-ink: #838ba7;
  --ow-body: #414559;
  --ow-head: #232634;
  --ow-head-text: #c6d0f5;
  --ow-head-sub: #a5adce;
  --ow-numcol: #51576d;
  --ow-text: #c6d0f5;
  --ow-muted: #949cbb;
  --ow-anchor: #414559;
  --ow-anchor-line: #838ba7;
  --ow-anchor-used: #c6d0f5;
  --ow-wire-edge: #949cbb;
  --ow-label-bg: #292c3c;
  --ow-label-line: #626880;
  --ow-sel: #e5c890;
  --ow-split-body: #51576d;
  --ow-split-sep: #626880;
  --ow-photo-bg: #292c3c;
  --ow-group-name: #b5bfe2;
  --ow-row-line: #51576d;
  color-scheme: dark;
}

:root[data-theme='macchiato'] {
  --ink: #cad3f5;
  --ink-muted: #a5adcb;
  --bg: #181926;
  --chrome: #1e2030;
  --surface: #24273a;
  --rule: #363a4f;
  --rule-strong: #5b6078;
  --marker: #eed49f;
  --focus: #8aadf4;
  --error: #ed8796;
  --warning: #f5a97f;
  --warning-fill: #f5a97f;
  --info: #8aadf4;
  --primary-bg: #c6a0f6;
  --primary-fg: #181926;
  --primary-hover: #b7bdf8;
  --hover: rgba(138, 173, 244, 0.1);
  --selected: rgba(238, 212, 159, 0.28);
  --shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
  --ow-sheet: #24273a;
  --ow-grid-minor: #2c3043;
  --ow-grid-major: #3a3e53;
  --ow-ink: #8087a2;
  --ow-body: #363a4f;
  --ow-head: #181926;
  --ow-head-text: #cad3f5;
  --ow-head-sub: #a5adcb;
  --ow-numcol: #494d64;
  --ow-text: #cad3f5;
  --ow-muted: #939ab7;
  --ow-anchor: #363a4f;
  --ow-anchor-line: #8087a2;
  --ow-anchor-used: #cad3f5;
  --ow-wire-edge: #939ab7;
  --ow-label-bg: #1e2030;
  --ow-label-line: #5b6078;
  --ow-sel: #eed49f;
  --ow-split-body: #494d64;
  --ow-split-sep: #5b6078;
  --ow-photo-bg: #1e2030;
  --ow-group-name: #b8c0e0;
  --ow-row-line: #494d64;
  color-scheme: dark;
}

:root[data-theme='mocha'] {
  --ink: #cdd6f4;
  --ink-muted: #a6adc8;
  --bg: #11111b;
  --chrome: #181825;
  --surface: #1e1e2e;
  --rule: #313244;
  --rule-strong: #585b70;
  --marker: #f9e2af;
  --focus: #89b4fa;
  --error: #f38ba8;
  --warning: #fab387;
  --warning-fill: #fab387;
  --info: #89b4fa;
  --primary-bg: #cba6f7;
  --primary-fg: #11111b;
  --primary-hover: #b4befe;
  --hover: rgba(137, 180, 250, 0.1);
  --selected: rgba(249, 226, 175, 0.28);
  --shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
  --ow-sheet: #1e1e2e;
  --ow-grid-minor: #272738;
  --ow-grid-major: #353748;
  --ow-ink: #7f849c;
  --ow-body: #313244;
  --ow-head: #11111b;
  --ow-head-text: #cdd6f4;
  --ow-head-sub: #a6adc8;
  --ow-numcol: #45475a;
  --ow-text: #cdd6f4;
  --ow-muted: #9399b2;
  --ow-anchor: #313244;
  --ow-anchor-line: #7f849c;
  --ow-anchor-used: #cdd6f4;
  --ow-wire-edge: #9399b2;
  --ow-label-bg: #181825;
  --ow-label-line: #585b70;
  --ow-sel: #f9e2af;
  --ow-split-body: #45475a;
  --ow-split-sep: #585b70;
  --ow-photo-bg: #181825;
  --ow-group-name: #bac2de;
  --ow-row-line: #45475a;
  color-scheme: dark;
}

:root[data-theme='vscode-dark'] {
  --ink: #cccccc;
  --ink-muted: #9d9d9d;
  --bg: #181818;
  --chrome: #181818;
  --surface: #313131;
  --rule: #2b2b2b;
  --rule-strong: #3c3c3c;
  --marker: #0078d4;
  --focus: #0078d4;
  --error: #f85149;
  --warning: #cca700;
  --warning-fill: #cca700;
  --info: #3794ff;
  --primary-bg: #0078d4;
  --primary-fg: #ffffff;
  --primary-hover: #026ec1;
  --hover: rgba(255, 255, 255, 0.05);
  --selected: rgba(0, 120, 212, 0.3);
  --shadow: 0 12px 30px rgba(0, 0, 0, 0.55);
  --ow-sheet: #1f1f1f;
  --ow-grid-minor: #262626;
  --ow-grid-major: #303030;
  --ow-ink: #6e6e6e;
  --ow-body: #252526;
  --ow-head: #181818;
  --ow-head-text: #e0e0e0;
  --ow-head-sub: #9d9d9d;
  --ow-numcol: #2d2d2d;
  --ow-text: #cccccc;
  --ow-muted: #9d9d9d;
  --ow-anchor: #252526;
  --ow-anchor-line: #8b8b8b;
  --ow-anchor-used: #cccccc;
  --ow-wire-edge: #9d9d9d;
  --ow-label-bg: #252526;
  --ow-label-line: #3c3c3c;
  --ow-sel: #0078d4;
  --ow-split-body: #2d2d2d;
  --ow-split-sep: #3c3c3c;
  --ow-photo-bg: #1f1f1f;
  --ow-group-name: #bbbbbb;
  --ow-row-line: #333333;
  color-scheme: dark;
}

:root[data-theme='vscode-darkplus'] {
  --ink: #d4d4d4;
  --ink-muted: #a0a0a0;
  --bg: #1e1e1e;
  --chrome: #252526;
  --surface: #3c3c3c;
  --rule: #333333;
  --rule-strong: #474747;
  --marker: #007acc;
  --focus: #007fd4;
  --error: #f48771;
  --warning: #cca700;
  --warning-fill: #cca700;
  --info: #3794ff;
  --primary-bg: #0e639c;
  --primary-fg: #ffffff;
  --primary-hover: #1177bb;
  --hover: rgba(255, 255, 255, 0.05);
  --selected: rgba(0, 122, 204, 0.3);
  --shadow: 0 12px 30px rgba(0, 0, 0, 0.55);
  --ow-sheet: #1e1e1e;
  --ow-grid-minor: #252526;
  --ow-grid-major: #2d2d30;
  --ow-ink: #6b6b6b;
  --ow-body: #252526;
  --ow-head: #333333;
  --ow-head-text: #ffffff;
  --ow-head-sub: #a0a0a0;
  --ow-numcol: #2d2d30;
  --ow-text: #d4d4d4;
  --ow-muted: #a0a0a0;
  --ow-anchor: #252526;
  --ow-anchor-line: #858585;
  --ow-anchor-used: #d4d4d4;
  --ow-wire-edge: #a0a0a0;
  --ow-label-bg: #252526;
  --ow-label-line: #454545;
  --ow-sel: #007acc;
  --ow-split-body: #2d2d30;
  --ow-split-sep: #454545;
  --ow-photo-bg: #1e1e1e;
  --ow-group-name: #c5c5c5;
  --ow-row-line: #333333;
  color-scheme: dark;
}

:root[data-theme='vscode-light'] {
  --ink: #3b3b3b;
  --ink-muted: #616161;
  --bg: #f8f8f8;
  --chrome: #f8f8f8;
  --surface: #ffffff;
  --rule: #e5e5e5;
  --rule-strong: #cecece;
  --marker: #005fb8;
  --focus: #005fb8;
  --error: #e51400;
  --warning: #bf8803;
  --warning-fill: #e9a700;
  --info: #005fb8;
  --primary-bg: #005fb8;
  --primary-fg: #ffffff;
  --primary-hover: #0258a8;
  --hover: rgba(0, 0, 0, 0.04);
  --selected: rgba(0, 95, 184, 0.14);
  --shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
  --ow-sheet: #ffffff;
  --ow-grid-minor: #f3f3f3;
  --ow-grid-major: #e5e5e5;
  --ow-ink: #8b8b8b;
  --ow-body: #ffffff;
  --ow-head: #3b3b3b;
  --ow-head-text: #ffffff;
  --ow-head-sub: #cccccc;
  --ow-numcol: #f3f3f3;
  --ow-text: #3b3b3b;
  --ow-muted: #767676;
  --ow-anchor: #ffffff;
  --ow-anchor-line: #8b8b8b;
  --ow-anchor-used: #3b3b3b;
  --ow-wire-edge: #3b3b3b;
  --ow-label-bg: #ffffff;
  --ow-label-line: #d4d4d4;
  --ow-sel: #005fb8;
  --ow-split-body: #f0f0f0;
  --ow-split-sep: #d4d4d4;
  --ow-photo-bg: #f8f8f8;
  --ow-group-name: #3b3b3b;
  --ow-row-line: #e5e5e5;
  color-scheme: light;
}

/* Printouts are always on white paper. */
.print-sheet {
  --ow-sheet: #ffffff;
  --ow-grid-minor: #e5ecf2;
  --ow-grid-major: #cfd9e3;
  --ow-ink: #26323f;
  --ow-body: #ffffff;
  --ow-head: #26323f;
  --ow-head-text: #ffffff;
  --ow-head-sub: #b9c6d3;
  --ow-numcol: #eef2f5;
  --ow-text: #1d2833;
  --ow-muted: #52606d;
  --ow-anchor: #ffffff;
  --ow-anchor-line: #8795a3;
  --ow-anchor-used: #26323f;
  --ow-wire-edge: #1d2833;
  --ow-label-bg: #ffffff;
  --ow-label-line: #c3ccd5;
  --ow-sel: #f2c12e;
  --ow-split-body: #e3e6e9;
  --ow-split-sep: #c4cad0;
  --ow-photo-bg: #f6f8fa;
  --ow-group-name: #3d4a57;
  --ow-row-line: #d8e0e7;
}