:root,
[data-theme=light],
[data-theme=dark]{
  --ca-bg: #0b0b0b;
  --ca-surface: #121212;
  --ca-surface-2: #181818;
  --ca-border: #2a2a2a;
  --ca-text: #f2f2f2;
  --ca-muted: #b8b8b8;
  --ca-gold: #f0b90b;
  --ca-gold-2: #d8a100;

  --bs-primary: var(--ca-gold);
  --bs-primary-rgb: 240,185,11;
  --bs-info: var(--ca-gold);
  --bs-info-rgb: 240,185,11;
  --bs-blue: var(--ca-gold);
  --bs-blue-rgb: 240,185,11;
  --bs-link-color: var(--ca-gold);
  --bs-link-hover-color: #ffd76b;
  --bs-code-color: var(--ca-gold);
  --accent-color: var(--ca-gold);

  --bs-body-bg: var(--ca-bg);
  --bs-body-bg-rgb: 11,11,11;
  --bs-body-color: var(--ca-text);
  --bs-body-color-rgb: 242,242,242;
  --bs-border-color: var(--ca-border);

  --bs-white: var(--ca-surface);
  --bs-white-rgb: 18,18,18;
  --bs-black: #ffffff;
  --bs-black-rgb: 255,255,255;

  --bs-gray-100: #111111;
  --bs-gray-200: #141414;
  --bs-gray-300: #1a1a1a;
  --bs-gray-400: #222222;
}

body{
  background: radial-gradient(900px 600px at 20% 10%, rgba(240,185,11,.12) 0%, rgba(240,185,11,0) 60%),
              radial-gradient(900px 600px at 85% 55%, rgba(255,255,255,.06) 0%, rgba(255,255,255,0) 55%),
              var(--bs-body-bg) !important;
  color: var(--bs-body-color) !important;
}

.card,
.dropdown-menu,
.modal-content{
  background-color: var(--ca-surface) !important;
  border-color: var(--ca-border) !important;
}

.btn-primary{
  color: #0b0b0b !important;
  background-color: var(--ca-gold) !important;
  border-color: var(--ca-gold) !important;
}

.btn-primary:hover,
.btn-primary:focus{
  color: #0b0b0b !important;
  background-color: var(--ca-gold-2) !important;
  border-color: var(--ca-gold-2) !important;
}

.btn-outline-primary{
  color: var(--ca-gold) !important;
  border-color: rgba(240,185,11,.55) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus{
  color: #0b0b0b !important;
  background-color: var(--ca-gold) !important;
  border-color: var(--ca-gold) !important;
}

.btn-info{
  color: #0b0b0b !important;
  background-color: var(--ca-gold) !important;
  border-color: var(--ca-gold) !important;
}

.btn-info:hover,
.btn-info:focus{
  color: #0b0b0b !important;
  background-color: var(--ca-gold-2) !important;
  border-color: var(--ca-gold-2) !important;
}

.text-primary,
.text-info,
.link-primary{
  color: var(--ca-gold) !important;
}

.bg-primary,
.text-bg-primary{
  background-color: var(--ca-gold) !important;
  color: #0b0b0b !important;
}

.text-muted{
  color: var(--ca-muted) !important;
}

/* Icons (Bootstrap Icons / FontAwesome) */
.bi,
.fa,
.fas,
.far,
.fab{
  color: var(--ca-gold) !important;
}

.btn .bi,
.btn .fa,
.btn .fas,
.btn .far,
.btn .fab{
  color: inherit !important;
}

::selection{
  background: rgba(240,185,11,.35);
  color: var(--ca-text);
}