/* Shared by the website and workbench. Keep semantic colors in one place. */
:root,
:root[data-theme='daylight'] {
  color-scheme: light;
  --ink: #202124;
  --text: var(--ink);
  --muted: #666970;
  --line: #e0e1e4;
  --line-strong: #bfc2c8;
  --green: #25262a;
  --on-accent: #ffffff;
  --paper: #ffffff;
  --canvas: #f7f7f8;
  --surface: #f2f2f4;
  --surface-hover: #e9e9ed;
  --accent-soft: #e8e9ec;
  --selection: #d8dce5;
  --success: #247347;
  --success-soft: #e9f4ed;
  --warning: #8c5b19;
  --warning-soft: #fff4df;
  --error: #b43e3c;
  --error-soft: #fff0ef;
  --backdrop: #12141c66;
  --shadow: #15182020;
  --translucent: #ffffffdd;
  --inverse: #27292d;
  --on-inverse: #f7f8fa;
  --inverse-muted: #bfc3cc;
  --inverse-line: #6e747f;
  --code-keyword: #8250a3;
  --code-string: #21683b;
  --code-number: #98621b;
  --code-comment: #757b86;
}

:root[data-theme='midnight'] {
  color-scheme: dark;
  --ink: #f0f1f3;
  --muted: #aaadb6;
  --line: #34363d;
  --line-strong: #5b5f6a;
  --green: #e4e6eb;
  --on-accent: #191a1e;
  --paper: #1b1c21;
  --canvas: #14151a;
  --surface: #23252b;
  --surface-hover: #30323a;
  --accent-soft: #353840;
  --selection: #444b60;
  --success: #88d4a3;
  --success-soft: #20382b;
  --warning: #efc17b;
  --warning-soft: #3d3121;
  --error: #ffaaa5;
  --error-soft: #422727;
  --backdrop: #08090db3;
  --shadow: #00000066;
  --translucent: #1b1c21ed;
  --inverse: #0e0f13;
  --on-inverse: #f0f1f3;
  --inverse-muted: #aaadb6;
  --inverse-line: #5b5f6a;
  --code-keyword: #cfb0ff;
  --code-string: #91cda7;
  --code-number: #edc088;
  --code-comment: #9da4b2;
}

:root[data-theme='pine'] {
  color-scheme: light;
  --ink: #24342f;
  --muted: #6f7e73;
  --line: #e3e8e2;
  --line-strong: #b9cdb7;
  --green: #2f6754;
  --on-accent: #ffffff;
  --paper: #ffffff;
  --canvas: #f8f9f6;
  --surface: #f1f5ee;
  --surface-hover: #e9eeea;
  --accent-soft: #e0eae3;
  --selection: #d7eadd;
  --success: #326c47;
  --success-soft: #e8f3e8;
  --warning: #8a6335;
  --warning-soft: #fff5e6;
  --error: #a13d32;
  --error-soft: #fff0e9;
  --backdrop: #17291f66;
  --shadow: #172b2430;
  --translucent: #ffffffe3;
  --inverse: #24483d;
  --on-inverse: #f3f7ef;
  --inverse-muted: #b8c5b8;
  --inverse-line: #758b7a;
  --code-keyword: #8250a3;
  --code-string: #21683b;
  --code-number: #98621b;
  --code-comment: #75816f;
}