/* ---------- Theme tokens (Bootstrap 5 + brand palette) ---------- */
:root {
  /* Bootstrap core colors – purple primary */
  --bs-primary: #8e5eff;
  --bs-primary-rgb: 142, 94, 255;
  --bs-secondary: #b0b3ba;
  --bs-success: #6bdc3f;
  --bs-danger: #ff6b6b;
  --bs-warning: #ffc107;
  --bs-info: #4fc3f7;

  /* Base background/text/link */
  --bs-body-bg: #0b0f14;          /* use your marketing bg here */
  --bs-body-color: #e6f7f2;       /* slightly minty-light text */
  --bs-border-radius: .6rem;
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: #d1c4ff;

  /* Brand-specific aliases that the site.css will use */
  --sa-primary: var(--bs-primary);      /* main purple */
  --sa-accent:  #d1c4ff;               /* lighter purple accent */
  --sa-bg:      var(--bs-body-bg);
  --sa-card:    rgba(255,255,255,0.04);
  --sa-border:  rgba(255,255,255,0.08);
  --sa-text:    var(--bs-body-color);
}

/* ---------- Base ---------- */
html, body {
  min-height: 100%;
}

body {
  font-family: 'Inter','Helvetica','Arial',sans-serif;
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
}