/* Design tokens: every colour, size and font used by the app lives here. */
:root {
  --font: "Readex Pro", system-ui, "Segoe UI", Tahoma, sans-serif;
  --mono: ui-monospace, "Cascadia Mono", Consolas, monospace;

  --bg: #F3F7F4;
  --surface: #FFFFFF;
  --ink: #10372E;
  --ink-2: #4F6F65;
  --ink-3: #7F9A91;
  --line: #DCE9E2;

  --brand: #0E5A4A;
  --brand-d: #0A4639;
  --mint: #BFEBD6;

  --go: #1E9E7A;
  --go-d: #0E6B52;
  --go-t: #E3F5EE;
  --go-ink: #0B4A39;

  --gold: #F5B82E;
  --gold-d: #C98E0C;
  --gold-ink: #3B2A00;

  --bad: #D6453D;
  --bad-d: #A22F29;
  --bad-t: #FCEBEA;
  --bad-ink: #7A1F1A;

  --p0: #1E9E7A;
  --p1: #E09A0B;
  --p2: #3A86C8;
  --p3: #A9528F;

  --code-bg: #0F2A24;
  --code-ink: #E4F2EC;

  --r-s: 10px;
  --r-m: 16px;
  --r-l: 28px;
  --ease: cubic-bezier(.2, .8, .2, 1);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0C1A16;
    --surface: #13251F;
    --ink: #E4F2EC;
    --ink-2: #A2BDB3;
    --ink-3: #6F8C82;
    --line: #24403A;
    --brand: #0A3D32;
    --brand-d: #072B23;
    --go-t: #12372D;
    --go-ink: #BFEBD6;
    --bad-t: #3A1B19;
    --bad-ink: #F5C2BE;
    --code-bg: #091612;
  }
}