/* Shared base design tokens */
:root {
  --bg: #f8fafc;
  --bg2: #f1f5f9;
  --card-bg: #ffffff;
  --card-hover: #f1f5f9;
  --text: #0f172a;
  --text-secondary: #475569;
  --muted: #64748b;
  --cyan: #2563eb;
  --cyan2: #38bdf8;
  --cyanDark: #1d4ed8;
  --cyan-glow: rgba(37, 99, 235, 0.22);
  --border: rgba(37, 99, 235, 0.2);
  --border-focus: rgba(37, 99, 235, 0.55);
  --spr-color: #2563eb;
  --spr-glow: rgba(37, 99, 235, 0.35);
  --spr-speed: 1s;
  --spr-size: 48px;
  --splash-bg: #f8fafc;
  --danger: #f43f5e;
  --danger-glow: rgba(244, 63, 94, 0.35);
  --transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --radius-lg: 20px;
  --radius-md: 14px;
  --radius-sm: 10px;
  --bb-primary: var(--cyan);
  --bb-secondary: var(--cyan2);
  --bb-glow: var(--cyan-glow);
  --bb-glow-strong: var(--cyan-glow);
  --bb-text-color: #ffffff;
}