:root {
  --bg: #F0E6D6;
  --frame-hi: #C8704A;
  --frame-mid: #A8503A;
  --frame-lo: #7E3828;
  --marquee-bg: #2A1408;
  --board-bg: #1A0C04;
  --topbar-bg: #100804;

  --c-meta: #FF8848;
  --c-title: #FFE8D4;
  --c-accent: #FF9A60;
  --c-sub: #C89070;
  --c-dest: #FFE8D4;
  --c-op: #C8906A;
  --c-gate: #FF9A60;
  --c-shipped: #80E0A0;
  --c-boarding: #FFB848;
  --c-now: #FF5848;
  --c-colh: #C8845A;
  --c-live: #C88050;
  --c-sval: #FFE8D4;
  --c-slbl: #C88050;
  --c-tags: #B87848;
  --c-cta: #FF9A60;

  --sans: 'Geist', sans-serif;
  --display: 'Bricolage Grotesque', sans-serif;
  --mono: 'Geist Mono', monospace;
}

/* Visually hidden but still readable by screen readers */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}