:root {
  --bb-bg: #050505;
  --bb-card: rgba(18, 16, 10, 0.92);
  --bb-gold: #f2c14e;
  --bb-gold-soft: #ffe28a;
  --bb-text: #fff7df;
  --bb-muted: #b9ad8c;
  --bb-line: rgba(242, 193, 78, 0.25);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background:
    radial-gradient(circle at top, rgba(242, 193, 78, 0.12), transparent 34rem),
    var(--bb-bg);
  color: var(--bb-text);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a {
  color: var(--bb-gold-soft);
}

button,
.btn,
.button {
  border: 1px solid var(--bb-line);
  border-radius: 999px;
  background: linear-gradient(135deg, var(--bb-gold), #9f741d);
  color: #151007;
  font-weight: 800;
  cursor: pointer;
}

.card,
.panel,
.box {
  background: var(--bb-card);
  border: 1px solid var(--bb-line);
  border-radius: 18px;
}

.muted,
small {
  color: var(--bb-muted);
}