/**
 * Brand Bridge — canonical color / type / radius tokens (Phase 1).
 *
 * Single source for --bb-*. Feature CSS may add page-specific tokens
 * (--bb-notation, --bb-kind, layout max-widths) but must not redefine
 * the core surface/accent/font table below.
 *
 * Dark palette locked: #0f172a / #1e293b / #334155 (not #0b1220 / #151d2e).
 */

:root,
html[data-theme="light"] {
  --bb-bg: #f8fcff;
  --bb-surface: #ffffff;
  --bb-surface-2: #eef6ff;
  --bb-text: #0f172a;
  --bb-muted: #64748b;
  --bb-border: #d4e5f7;
  --bb-accent: #e30613;
  --bb-accent-hover: #b8050f;
  --bb-accent-soft: #fde8ea;
  --bb-link: #0059a8;
  --bb-radius: 0.75rem;
  --bb-radius-lg: 1rem;
  --bb-font: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  /* Filled CTA fill (solid logo red — not neon link accent) */
  --bb-fill: #e30613;
  --bb-fill-hover: #b8050f;
  color-scheme: light;
}

html[data-theme="dark"] {
  --bb-bg: #0f172a;
  --bb-surface: #1e293b;
  --bb-surface-2: #334155;
  --bb-text: #f8fafc;
  --bb-muted: #94a3b8;
  --bb-border: #334155;
  --bb-accent: #ff4d4d;
  --bb-accent-hover: #e30613;
  --bb-accent-soft: #3f1215;
  --bb-link: #93c5fd;
  --bb-fill: #e30613;
  --bb-fill-hover: #b8050f;
  color-scheme: dark;
}