/* Peptide Global: concrete floor, navy signage, one signal yellow. Square corners, plates with rivets. */
:root {
  --bg: #e7e7e1;
  --sheet: #fbfbf8;
  --sheet2: #f1f1ec;
  --ink: #0f1a26;
  --ink2: #34404d;
  --muted: #65707b;
  --rule: #cfd1ca;
  --rule2: #b9bcb3;
  --navy: #0f1c2e;
  --navy2: #1a2b42;
  --on-navy: #e9edf2;
  --on-navy2: #9fb0c4;
  --dot: #2c3e59;
  --dot-hi: #f5c800;
  --land: #c4c7bf;
  --sig: #f5c800;
  --sig-ink: #1d1700;
  --sig-soft: #fbeaa0;

  --announced: #6b7a8f;
  --building: #e07a00;
  --running: #1f8a4c;
  --shelved: #b3261e;

  --f-head: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --f-body: 'Barlow', system-ui, sans-serif;
  --f-mono: 'Overpass Mono', ui-monospace, monospace;

  --wrap: 1240px;
  --gut: 24px;
  --gap: 28px;
  color-scheme: light;
}

:root[data-theme='dark'] {
  --bg: #0c1219;
  --sheet: #131b25;
  --sheet2: #18222e;
  --ink: #e8ecf0;
  --ink2: #c0c8d1;
  --muted: #8b96a2;
  --rule: #253140;
  --rule2: #33414f;
  --navy: #070c13;
  --navy2: #111b28;
  --dot: #22344b;
  --land: #2a3747;
  --sig-soft: #3b3311;
  --announced: #8c9bb0;
  --building: #f08c1a;
  --running: #3aa866;
  --shelved: #e0574d;
  color-scheme: dark;
}

@media (max-width: 720px) {
  :root { --gut: 16px; --gap: 20px; }
}