:root {
  --bm-black: #000000;
  --bm-black-soft: #050505;
  --bm-charcoal: #0E0E0F;
  --bm-card: #111111;
  --bm-card-border: #3A2A10;
  --bm-gold: #D6A23A;
  --bm-gold-bright: #F5B94B;
  --bm-gold-soft: #A87622;
  --bm-gold-dark: #5E3A08;
  --bm-white: #F5F5F2;
  --bm-muted: #A9A9A2;
  --bm-line: #2A2112;
  --bm-reddit: #FF4500;
  --bm-ai-blue: #6E7BFF;

  --bm-gradient-gold: linear-gradient(135deg, #F5B94B 0%, #D6A23A 45%, #7A4B10 100%);
  --bm-gradient-page: radial-gradient(circle at 50% 0%, rgba(214,162,58,0.18), rgba(0,0,0,0.96) 45%, #000000 100%);
  --bm-gradient-card: radial-gradient(circle at 50% 0%, rgba(245,185,75,0.10), rgba(17,17,17,0.95) 55%);

  --bm-radius-sm: 8px;
  --bm-radius-md: 14px;
  --bm-radius-lg: 22px;
  --bm-max-width: 1180px;
  --bm-shadow-gold: 0 0 24px rgba(214,162,58,0.32);
  --bm-shadow-card: 0 18px 60px rgba(0,0,0,0.45);

  --font-display: "Neue Montreal", Satoshi, system-ui, sans-serif;
  --font-body: Satoshi, system-ui, sans-serif;
}

body {
  background: var(--bm-black);
  color: var(--bm-white);
  font-family: var(--font-body);
  font-weight: 500;
}

.bm-section-label {
  color: var(--bm-gold);
  text-transform: uppercase;
  letter-spacing: 0.22em;
  font-size: 12px;
  font-family: var(--font-display);
  font-weight: 700;
}

.bm-card {
  background: var(--bm-gradient-card);
  border: 1px solid var(--bm-card-border);
  border-radius: var(--bm-radius-md);
  box-shadow: var(--bm-shadow-card);
}

.bm-card-featured {
  border-color: var(--bm-gold);
  box-shadow: 0 0 0 1px rgba(214,162,58,.35), 0 0 42px rgba(214,162,58,.22);
}

.bm-button-primary {
  background: var(--bm-gradient-gold);
  color: #070707;
  border: 1px solid rgba(245,185,75,.75);
  border-radius: var(--bm-radius-sm);
  font-family: var(--font-display);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
}