:root {
  --bb-bg: #f8fafc;
  --bb-text: #0f172a;
  --bb-muted: rgba(15, 23, 42, 0.70);
  --bb-primary: #2563eb;
  --bb-primary-weak: rgba(37, 99, 235, 0.12);
  --bb-cta: #f97316;
  --bb-border: rgba(15, 23, 42, 0.14);
  --bb-card: rgba(255, 255, 255, 0.88);
  --bb-card-solid: #ffffff;

  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial;
  line-height: 1.5;
  font-weight: 400;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* { box-sizing: border-box; }

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
}

body {
  background:
    radial-gradient(900px 520px at 10% 0%, rgba(37, 99, 235, 0.12), rgba(0,0,0,0) 60%),
    radial-gradient(900px 520px at 90% 0%, rgba(249, 115, 22, 0.12), rgba(0,0,0,0) 60%),
    var(--bb-bg);
  color: var(--bb-text);
}

a { color: var(--bb-primary); text-decoration: none; }
a:hover { color: #1d4ed8; }

button, input, select, textarea {
  font: inherit;
  color: inherit;
}

select, input, textarea {
  background: rgba(255,255,255,0.92);
}

::placeholder {
  color: rgba(15, 23, 42, 0.45);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
  outline: 2px solid rgba(37, 99, 235, 0.55);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; scroll-behavior: auto !important; }
}