/* Theme tokens copied verbatim from the tracker via the help desk (client/index.html). Keep in sync. */
:root {
  --c-bg: #0c0c0c;
  --c-panel: #131311;
  --c-panel2: #141210;
  --c-alt: #1c1c17;
  --c-border: #22221d;
  --c-border2: #3a3a2f;
  --c-text: #ccc4b4;
  --c-heading: #ede6d8;
  --c-dim: #8a8272;
  --c-faint: #5a5346;
  --c-ghost: #474339;
  --c-accent: #7fd1c4;
  --c-accent-dim: #5a7a70;
  --c-accent-bg: #12241f;
  --c-accent-border: #2f5;
  --c-accent-border2: #244;
  --c-ok: #4caf50;
  --c-amber: #e8b04b;
  --c-sand: #cdbf9a;
  --c-skip: #7a6a3a;
  --c-warn-bg: #2a2410;
  --c-warn-border: #a80;
  --c-warn-border2: #5a4a1a;
  --c-red: #ff5555;
  --c-red-border: #c33;
  --c-red-bg: #2a1010;
  --c-danger-text: #ff8866;
  --c-danger-text2: #c0563a;
  --c-danger-border: #a33;
  --c-danger-border2: #622;
  --c-danger-bg: #2a1414;
  --c-danger-bg2: #3a1414;
  --c-info: #a9d8e4;
  --c-info-border: #2a5a6a;
  --c-info-bg: #101d24;
}
:root[data-theme="light"] {
  --c-bg: #f2efe7;
  --c-panel: #fbf9f3;
  --c-panel2: #efebe0;
  --c-alt: #e2ddcf;
  --c-border: #d5cfc0;
  --c-border2: #bdb5a2;
  --c-text: #353026;
  --c-heading: #191611;
  --c-dim: #6d6455;
  --c-faint: #958c79;
  --c-ghost: #c0b8a6;
  --c-accent: #0c7a68;
  --c-accent-dim: #4e8a7d;
  --c-accent-bg: #dcede7;
  --c-accent-border: #3d8b62;
  --c-accent-border2: #9cc4b8;
  --c-ok: #2e7d32;
  --c-amber: #8f6a12;
  --c-sand: #6f6242;
  --c-skip: #8a7a48;
  --c-warn-bg: #f3ead2;
  --c-warn-border: #b08800;
  --c-warn-border2: #d4c08a;
  --c-red: #b3261e;
  --c-red-border: #c26a5a;
  --c-red-bg: #f6e2dd;
  --c-danger-text: #a63a22;
  --c-danger-text2: #a34a30;
  --c-danger-border: #bf6a55;
  --c-danger-border2: #d9a99e;
  --c-danger-bg: #f6e2dd;
  --c-danger-bg2: #f2d8d1;
  --c-info: #1d6e86;
  --c-info-border: #8fbecb;
  --c-info-bg: #e0eef3;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { background: var(--c-bg); }
body { background: var(--c-bg); color: var(--c-text); }