:root {
  --bm-charcoal: #0D0D0F;
  --bm-graphite: #1A1A1D;
  --bm-bronze: #B87333;
  --bm-off-white: #F2F2F2;
  --bm-petrol-blue: #0D3B47;
  --bm-gray: #7A7A7A;
  --bm-white: #FFFFFF;

  --bm-font-display: "Space Grotesk", Inter, Arial, sans-serif;
  --bm-font-body: Inter, Arial, sans-serif;

  --bm-radius-sm: 10px;
  --bm-radius-md: 16px;
  --bm-radius-lg: 24px;
  --bm-shadow-premium: 0 24px 80px rgba(0, 0, 0, .28);
}

.bm-gradient-dark {
  background: radial-gradient(circle at top right, rgba(184,115,51,.18), transparent 36%),
              linear-gradient(135deg, var(--bm-charcoal), var(--bm-graphite));
}

.bm-button-primary {
  background: var(--bm-bronze);
  color: var(--bm-white);
  border-radius: var(--bm-radius-sm);
  font-family: var(--bm-font-body);
  font-weight: 700;
}
