/* =====================
   ROOT COLOR SYSTEM
===================== */
:root {
    --bg-dark: #0b0b0b;
  --bg-section: #111111;
  --primary-red: #c4161c;
  --gold: #c9a24d;
  --text-main: #ffffff;
  --text-muted: #bfbfbf;
}

/* =====================
   GLOBAL
===================== */
body {
  background-color: var(--bg-dark);
  color: var(--text-main);
  font-family: 'Be Vietnam Pro', sans-serif;
}

a {
  color: var(--primary-red);
}

.section-dark {
  background: var(--bg-section);
}

/* =====================
   HEADINGS
===================== */
h1, h2, h3 {
  font-weight: 700;
  letter-spacing: 0.5px;
}

.hero-title {
  font-size: 52px;
  text-transform: uppercase;
}

/* =====================
   BUTTON STYLE
===================== */
.btn-primary {
  background: var(--primary-red);
  color: #fff;
  padding: 14px 28px;
  border-radius: 4px;
  font-weight: 600;
  transition: all .3s;
}

.btn-primary:hover {
  background: #a91217;
}

/* =====================
   COMMUNITY NUMBER
===================== */
.stat-number {
  font-size: 42px;
  font-weight: 800;
  color: var(--gold);
}

.stat-label {
  color: var(--text-muted);
  text-transform: uppercase;
  font-size: 13px;
}

/* =====================
   VIDEO BLOCK
===================== */
.video-frame iframe {
  border-radius: 8px;
}

/* =====================
   FOOTER
===================== */
.site-footer {
  background: #000;
  color: var(--text-muted);
  font-size: 14px;
}