/* ============================================================
   BIZZBNB — Shared design system
   Palette: near-black + gold, BizzBnB's own identity, refined
   for contrast and accessibility.
   Fonts: Playfair Display (display) / Plus Jakarta Sans (body)
   / JetBrains Mono (labels, data, eyebrows).
   ============================================================ */

:root{
  --bb-black:#070709;
  --bb-dark:#0e0e12;
  --bb-surface:#14141c;
  --bb-card:rgba(20,20,28,.94);
  --bb-card-heavy:rgba(8,8,12,.97);
  --bb-gold:#D4AF37;
  --bb-gold-light:#F7E7CE;
  --bb-gold-accent:#F3C649;
  --bb-gold-dark:#9A7B1C;
  --bb-bronze:#D4B36D;
  --bb-text:#F2F1ED;
  --bb-text-muted:#A7A6B3;
  --bb-border:rgba(212,175,55,.22);
  --bb-radius:18px;
}

::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:var(--bb-black)}
::-webkit-scrollbar-thumb{background:rgba(212,175,55,.35);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:rgba(212,175,55,.75)}

html{scroll-behavior:smooth}
body{background:var(--bb-black);font-family:'Plus Jakarta Sans',sans-serif}

/* Visible focus state everywhere — the previous build had none */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--bb-gold-accent);
  outline-offset:2px;
  border-radius:4px;
}

.bb-card{
  background:var(--bb-card);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  border:1px solid var(--bb-border);
  box-shadow:0 20px 50px -10px rgba(0,0,0,.85);
  border-radius:var(--bb-radius);
}
.bb-card-heavy{
  background:var(--bb-card-heavy);
  backdrop-filter:blur(28px);
  -webkit-backdrop-filter:blur(28px);
  border:1px solid rgba(212,175,55,.35);
  box-shadow:0 25px 60px -10px rgba(0,0,0,.95);
  border-radius:var(--bb-radius);
}
.bb-card:hover,.bb-card-heavy:hover{border-color:rgba(212,175,55,.5)}

.text-gold-gradient{
  background:linear-gradient(135deg,#FFFFFF 0%,#F7E7CE 30%,#D4AF37 70%,#F3C649 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}

.bb-btn-primary{
  position:relative;display:inline-flex;align-items:center;gap:.5rem;
  background:linear-gradient(135deg,#F3C649 0%,#D4AF37 50%,#A47F15 100%);
  color:var(--bb-black);font-weight:800;
  padding:.9rem 1.6rem;border-radius:12px;
  transition:box-shadow .25s ease,transform .25s ease;
  box-shadow:0 4px 20px rgba(212,175,55,.25);
}
.bb-btn-primary:hover{box-shadow:0 0 35px rgba(212,175,55,.5);transform:translateY(-2px)}

.bb-btn-ghost{
  display:inline-flex;align-items:center;gap:.5rem;
  background:transparent;color:var(--bb-text);
  border:1px solid rgba(212,175,55,.35);
  padding:.85rem 1.5rem;border-radius:12px;
  transition:border-color .2s ease,background .2s ease;
}
.bb-btn-ghost:hover{border-color:var(--bb-gold);background:rgba(212,175,55,.08)}

.bb-eyebrow{
  font-family:'JetBrains Mono',monospace;
  font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--bb-bronze);font-weight:700;
}

.bb-nav-link{
  font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:.14em;
  text-transform:uppercase;color:#D7D6DE;font-weight:600;
  transition:color .2s ease;
}
.bb-nav-link:hover,.bb-nav-link.is-active{color:var(--bb-gold)}

.bb-faq summary{cursor:pointer;list-style:none}
.bb-faq summary::-webkit-details-marker{display:none}
.bb-faq[open] .bb-chev{transform:rotate(45deg)}
.bb-chev{transition:transform .2s ease;display:inline-block}

.bb-answer-box{
  border-left:3px solid var(--bb-gold);
  background:rgba(212,175,55,.06);
  padding:1rem 1.25rem;border-radius:0 12px 12px 0;
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
}