/* Peptide Town: butter paper, blue-black ink, cobalt brand, bubblegum accent. Light is the default. */
:root {
  --paper: #f7f3df;
  --paper-2: #efe9cd;
  --card: #fffdf6;
  --card-2: #fbf7e8;
  --ink: #1d1b33;
  --ink-2: #47445f;
  --mute: #75728a;
  --line: #e4dcbd;
  --line-2: #cfc49c;

  --cobalt: #2f4bff;
  --cobalt-ink: #1f33c7;
  --cobalt-tint: #e2e6ff;
  --pink: #ff8fc1;
  --pink-ink: #b8296e;
  --pink-tint: #ffe0ee;
  --on-cobalt: #ffffff;

  /* impact ramp, one hue light to dark (0 is empty) */
  --lv0: #e8e1c4;
  --lv1: #b9c2ff;
  --lv2: #6d80ff;
  --lv3: #2f4bff;

  --up: #c2410c;
  --down: #13795b;

  --font: 'Rethink Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'Chivo Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;

  --r-sm: 6px;
  --r: 12px;
  --r-lg: 20px;
  --wrap: 1240px;
  --gut: 24px;
  --lift: 0 1px 0 rgba(29, 27, 51, .06), 0 18px 40px -22px rgba(29, 27, 51, .35);
  color-scheme: light;
}

:root[data-theme='dark'] {
  --paper: #13132a;
  --paper-2: #1a1a36;
  --card: #1d1d3a;
  --card-2: #23234a;
  --ink: #f4f0dd;
  --ink-2: #c9c5b0;
  --mute: #9592a8;
  --line: #2f2f55;
  --line-2: #45457a;

  --cobalt: #8696ff;
  --cobalt-ink: #aab5ff;
  --cobalt-tint: #262a5c;
  --pink: #ff9fcb;
  --pink-ink: #ffb3d6;
  --pink-tint: #3d2340;
  --on-cobalt: #10102a;

  --lv0: #2c2c52;
  --lv1: #3d4799;
  --lv2: #5d6fe8;
  --lv3: #9aa7ff;

  --up: #ff9b6b;
  --down: #5fd3a8;
  --lift: 0 18px 40px -22px rgba(0, 0, 0, .7);
  color-scheme: dark;
}

@media (max-width: 640px) {
  :root { --gut: 16px; }
}