/* GENERATED from brand/tokens.json by brand/build.py. Do not edit by hand. */
/* Fonts (Google): Archivo 400;600;700;800 and IBM Plex Mono 400;600 */
:root{
  /* colour */
  --steel: #e3e6e8;
  --plate: #f3f5f6;
  --card: #ffffff;
  --ink: #1f2327;
  --muted: #4d565e;
  --line: #b8bfc5;
  --rust: #b54a1c;
  --rust-ink: #ffffff;
  --rust-on-ink: #e08a5e;
  --rust-hover: #9f3708;
  --bar: var(--ink);
  --bar-ink: #949ba2;
  --bar-on: var(--rust);
  --bar-on-ink: #ffffff;
  --brand: var(--rust);
  --now: var(--ink);
  --notyet: #5f676e;
  --mine: #b7791f;
  --mine-box: #fbf1dc;
  --mine-wash: #fffaf0;
  --mine-ink: #7a4c05;
  --mine-line: #e8cf9f;
  --theirs: #2d6a8a;
  --theirs-box: #e4eff5;
  --theirs-wash: #f5f9fb;
  --theirs-ink: #1d4f68;
  --theirs-line: #b9d3e1;
  --done: #2f7a47;
  --done-box: #e3f1e7;
  --done-wash: #f6fbf7;
  --done-ink: #245f37;
  --done-line: #b7d9c1;
  --wrong: #a3213d;
  --wrong-box: #f7e4e8;
  --wrong-wash: #fdf5f7;
  --wrong-ink: #7f1a30;
  --wrong-line: #e6b8c3;
  --maker: #0f6b6b;
  --maker-box: #e1f0ef;
  --maker-ink: #0b5555;
  --maker-line: #b3d8d6;
  --said: #5b4f8a;
  --said-box: #ece8f5;
  --said-ink: #463b72;
  --said-line: #cfc6e6;
  /* type */
  --font-display: Archivo, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  /* spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  /* radius */
  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-plate: 4px;
  /* border */
  --border-rule: 1.5px solid #1f2327;
  --border-hair: 1px solid #b8bfc5;
  /* shadow */
  --shadow-plate: inset 0 0 0 3px #f3f5f6, inset 0 0 0 4px #b8bfc5;
}
/* the dark look: only what changes */
:root[data-look="dark"]{
  --steel: #15181b;
  --plate: #1c2024;
  --card: #23282d;
  --ink: #e6e9eb;
  --muted: #a3acb4;
  --line: #434b52;
  --rust: #e08a5e;
  --rust-ink: #15181b;
  --rust-on-ink: #a8461a;
  --rust-hover: #eda27c;
  --bar: #15181b;
  --bar-ink: #a3acb4;
  --bar-on: #e08a5e;
  --bar-on-ink: #15181b;
  --notyet: #848d95;
  --mine: #d9a54c;
  --mine-box: #352812;
  --mine-wash: #29231a;
  --mine-ink: #f0cd8c;
  --mine-line: #6b5326;
  --theirs: #6aa7c7;
  --theirs-box: #18303d;
  --theirs-wash: #1b272f;
  --theirs-ink: #a9d0e4;
  --theirs-line: #2f5568;
  --done: #5fae78;
  --done-box: #1c3024;
  --done-wash: #1d2922;
  --done-ink: #9fd6b0;
  --done-line: #2f5a3c;
  --wrong: #e0708a;
  --wrong-box: #3a1b23;
  --wrong-wash: #2c1f24;
  --wrong-ink: #f3b3c2;
  --wrong-line: #6b3240;
  --maker: #4fb3ab;
  --maker-box: #15302f;
  --maker-ink: #9fdcd6;
  --maker-line: #2c5a57;
  --said: #a497d8;
  --said-box: #29243d;
  --said-ink: #cfc6f2;
  --said-line: #4f4675;
}
/* the purple look: only what changes */
:root[data-look="purple"]{
  --steel: #ece4f6;
  --plate: #f6f2fb;
  --card: #ffffff;
  --ink: #2a1745;
  --muted: #5e4d78;
  --line: #d6c8ea;
  --rust: #8a3fd1;
  --rust-ink: #ffffff;
  --rust-on-ink: #c58af0;
  --rust-hover: #6f2fae;
  --bar: #2a1745;
  --bar-ink: #d9cdee;
  --bar-on: #c58af0;
  --bar-on-ink: #2a1745;
  --said: #4a55a2;
  --said-box: #e7e9f6;
  --said-ink: #333c80;
  --said-line: #c5cbea;
}