/* Shared application and product-page colors. */
:root {
  color-scheme: light;
  --canvas: #fcfcfa;
  --panel: #f1f3ee;
  --surface: #ffffff;
  --bookmarks-bar: #f1f5ee;
  --hover: #e8ede6;
  --selected: #dfe8dc;
  --foreground: #263d33;
  --green: #28523e;
  --accent-hover: #35664e;
  --on-accent: #ffffff;
  --muted: #616d64;
  --line: #d8ded5;
  --row-line: #e6eae3;
  --row-hover: #f1f5ef;
  --danger: #a43d32;
  --warning: #88551b;
  --folder-fill: #e7c875;
  --folder-stroke: #9d7d31;
  --focus: #4d7858;
  --shadow: 0 8px 28px #20332620;
  font:
    14px/1.5 Arial,
    Helvetica,
    sans-serif;
  color: var(--foreground);
  background: var(--canvas);
}
:root:not([data-theme='light']) {
  color-scheme: dark;
  --canvas: #1c1e21;
  --panel: #23262a;
  --surface: #292d31;
  --bookmarks-bar: #252c28;
  --hover: #333a3a;
  --selected: #35463c;
  --foreground: #e3e9e1;
  --green: #b5d0ac;
  --accent-hover: #c8ddbf;
  --on-accent: #1d2b22;
  --muted: #aab5aa;
  --line: #414843;
  --row-line: #333936;
  --row-hover: #272f2a;
  --danger: #f2a79a;
  --warning: #e8c188;
  --folder-fill: #d9bd77;
  --folder-stroke: #bba267;
  --focus: #b5d0ac;
  --shadow: 0 8px 28px #0005;
}