:root {
  --bb-purple: #8B5EC4;
  --bb-purple-deep: #57318B;
  --bb-yellow: #FFD634;
  --bb-lilac: #EEE5FA;
  --bb-cream: #FFFDF5;
  --bb-ink: #2E2140;
  --bb-green: #22694D;
  --bb-coral: #B9433B;
  --bb-white: #FFFFFF;
  --bb-radius-control: 12px;
  --bb-radius-card: 24px;
  --bb-shadow: 0 12px 32px rgba(87,49,139,0.12);
  --bb-font-body: system-ui, sans-serif;
  --bb-font-heading: ui-rounded, system-ui, sans-serif;
}
/* Starter theme tokens only; this file is not the app implementation. */
.bb-focus:focus-visible { outline: 3px solid var(--bb-purple-deep); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  .bb-animated { animation: none !important; transition: none !important; }
}