/* Peptide Exchange tokens: porcelain paper, petrol ink, one apricot accent; green / amber / red only for signals. */
:root {
  color-scheme: light;
  --bg: #edf1ef;
  --bg-2: #e2e9e7;
  --card: #ffffff;
  --ink: #0f2a33;
  --ink-2: #39525b;
  --mute: #627880;
  --line: #cfd9d8;
  --line-2: #e3eae9;
  --petrol: #0f5560;
  --petrol-deep: #0a3940;
  --on-petrol: #e6f2f1;
  --apricot: #ff8a57;
  --apricot-t: #ffe2d3;
  --on-apricot: #3a1503;

  --up: #11845a;
  --up-t: #d8efe4;
  --flat: #a26f00;
  --flat-t: #f6e9c6;
  --down: #c7372f;
  --down-t: #f9dedb;

  --seg-idle: #dbe4e3;
  --seg-past: #a3b8bb;
  --seg-gain: #5f8f97;

  --c-incretins: #0f7d8c;
  --c-amylin: #bf6327;
  --c-hormone-pathways: #6b53b1;
  --c-gut-glp-2: #4c7d25;
  --c-immune: #b03f78;
  --c-blood-and-lipids: #2d56bf;
  --c-none: #8a9a9e;

  --f-disp: 'Onest', system-ui, sans-serif;
  --f-body: 'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-mono: 'Red Hat Mono', ui-monospace, 'Cascadia Mono', monospace;

  --r: 14px;
  --r-sm: 8px;
  --w: 1240px;
  --gut: clamp(16px, 3.4vw, 40px);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0a181c;
  --bg-2: #0f2227;
  --card: #11282e;
  --ink: #e3eeed;
  --ink-2: #b2c6c7;
  --mute: #87a0a3;
  --line: #23414a;
  --line-2: #1a343b;
  --petrol: #4fb8c4;
  --petrol-deep: #061216;
  --on-petrol: #d7ecea;
  --apricot: #ff9a6c;
  --apricot-t: #4a2618;
  --on-apricot: #2b0f02;

  --up: #43cf95;
  --up-t: #12382b;
  --flat: #e4b442;
  --flat-t: #3a3013;
  --down: #ff6f66;
  --down-t: #44201d;

  --seg-idle: #1e3940;
  --seg-past: #3f626a;
  --seg-gain: #6ea6b0;

  --c-incretins: #35b5c4;
  --c-amylin: #ee8a4c;
  --c-hormone-pathways: #a08ce8;
  --c-gut-glp-2: #8cc45a;
  --c-immune: #e676ae;
  --c-blood-and-lipids: #7b9cf5;
}

.c-incretins { --cc: var(--c-incretins); }
.c-amylin { --cc: var(--c-amylin); }
.c-hormone-pathways { --cc: var(--c-hormone-pathways); }
.c-gut-glp-2 { --cc: var(--c-gut-glp-2); }
.c-immune { --cc: var(--c-immune); }
.c-blood-and-lipids { --cc: var(--c-blood-and-lipids); }
.c-none { --cc: var(--c-none); }