/* Ceasefire site-wide styles: Bootstrap 5 theme overrides + the shared
   navbar. Loaded by home.html and leaderboards.html (which also load
   Bootstrap 5 from a CDN - this is a real website, not an Artifact, so
   there's no CSP restriction on that). map.html loads only this file too,
   for the navbar rules, but NOT Bootstrap itself - its own hand-tuned canvas
   layout predates this site and Bootstrap's CSS reset would risk breaking
   it for no real benefit, since the map page barely uses any components. */

:root,
[data-bs-theme="dark"] {
  --bs-body-bg: #0B1618;
  --bs-body-color: #DFEAE7;
  --bs-body-color-rgb: 223, 234, 231;
  --bs-emphasis-color: #DFEAE7;
  --bs-primary: #C24A3E;
  --bs-primary-rgb: 194, 74, 62;
  --bs-secondary-color: #7C9794;
  --bs-secondary-bg: #102126;
  --bs-tertiary-bg: #102126;
  --bs-border-color: #22434A;
  --bs-border-color-translucent: #22434A;
  --bs-link-color: #6BB8CE;
  --bs-link-color-rgb: 107, 184, 206;
  --bs-link-hover-color: #DFEAE7;
  --bs-font-sans-serif: 'Barlow', system-ui, -apple-system, sans-serif;
  --bs-font-monospace: 'IBM Plex Mono', 'SFMono-Regular', Consolas, monospace;
}

body { background: #0B1618; }

h1, h2, h3, h4, h5, h6, .display-heading {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
}

code, .mono { font-family: 'IBM Plex Mono', monospace; }

.btn-outline-light {
  --bs-btn-color: #DFEAE7;
  --bs-btn-border-color: #22434A;
  --bs-btn-hover-bg: #C24A3E;
  --bs-btn-hover-border-color: #C24A3E;
}

/* ---- shared navbar - plain CSS, works with or without Bootstrap loaded ---- */
.cf-nav {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 12px 24px;
  border-bottom: 1px solid #22434A;
  background: #0B1618;
  flex-wrap: wrap;
}
.cf-nav .cf-mark {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #DFEAE7;
  text-decoration: none;
}
.cf-nav .cf-mark span { color: #C24A3E; }
.cf-nav a.cf-link {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #7C9794;
  text-decoration: none;
  padding: 6px 0;
  border-bottom: 2px solid transparent;
}
.cf-nav a.cf-link:hover,
.cf-nav a.cf-link.active {
  color: #DFEAE7;
  border-bottom-color: #C24A3E;
}