/**
 * 3BO simulator tokens — aligned with bike-tracker/docs/branding/tokens.css
 * Light default (www SoT); dark via html[data-3bo-theme="dark"].
 */
:root,
html[data-3bo-theme="light"] {
  --3bo-navy: #01374d;
  --3bo-cyan: #40a8cf;
  --3bo-cyan-logo: #41a5d6;
  --3bo-cyan-soft: #5ab3e8;
  --3bo-cyan-deep: #025a73;
  --3bo-ink: #333333;
  --3bo-muted: #666666;
  --3bo-white: #ffffff;
  --3bo-bg: #eef4fa;
  --3bo-surface: #ffffff;
  --3bo-surface-tint: #eef4fa;
  --3bo-panel-bg: #ffffff;
  --3bo-panel-bg-strong: #ffffff;
  --3bo-panel-border: rgba(1, 55, 77, 0.16);
  --3bo-text-on-panel: #01374d;
  --3bo-explainer-bg: rgba(64, 168, 207, 0.10);
  --3bo-explainer-text: #334155;
  --3bo-overlay: rgba(238, 244, 250, 0.92);
  --3bo-hud-scrim: linear-gradient(180deg, #eef4fa 0%, transparent 100%);
  --3bo-card-shadow: 0 16px 48px rgba(1, 55, 77, 0.12);
  --3bo-font-display: "Albert Sans", system-ui, sans-serif;
  --3bo-font-body: "Public Sans", system-ui, sans-serif;
  --3bo-theme-color: #eef4fa;
}

html[data-3bo-theme="dark"] {
  --3bo-navy: #012a3a;
  --3bo-ink: #f2f7fa;
  --3bo-muted: #a8b8c2;
  --3bo-bg: #011820;
  --3bo-surface: #0a2430;
  --3bo-surface-tint: rgba(64, 168, 207, 0.08);
  --3bo-panel-bg: rgba(10, 36, 48, 0.96);
  --3bo-panel-bg-strong: #0c2834;
  --3bo-panel-border: rgba(64, 168, 207, 0.45);
  --3bo-text-on-panel: #f2f7fa;
  --3bo-explainer-bg: rgba(64, 168, 207, 0.16);
  --3bo-explainer-text: #dce6ec;
  --3bo-overlay: rgba(1, 24, 32, 0.88);
  --3bo-hud-scrim: linear-gradient(180deg, rgba(1, 24, 32, 0.95) 0%, transparent 100%);
  --3bo-card-shadow: 0 20px 56px rgba(0, 0, 0, 0.55);
  --3bo-theme-color: #011820;
}