:root {
  color-scheme: dark;
  --bg: #07111f;
  --bg-deep: #030812;
  --panel: rgba(11, 24, 43, 0.62);
  --panel-strong: rgba(13, 31, 55, 0.82);
  --line: rgba(229, 241, 255, 0.16);
  --text: #f5fbff;
  --muted: #b7c6d6;
  --quiet: #7f91a6;
  --ice: #77e9ff;
  --frost: #b4f5ff;
  --amber: #ffd06f;
  --coral: #ff8e7a;
  --green: #8ff0ba;
  --violet: #b9a7ff;
  --shadow: 0 16px 42px rgba(0, 0, 0, 0.28);
  --radius: 8px;
  --header-height: 4.75rem;
}

* {
  box-sizing: border-box;
}


body.city-page {
  --city-accent: var(--ice);
}

body.city-page-chicago {
  --city-accent: #77e9ff;
}