/* Shared theme geometry. UI media and cards use one radius on every breakpoint.
   Illustration geometry (3D props / orbit shapes) is intentionally independent. */
:root {
  --bm-color-primary: #7140c8;
  --bm-color-secondary: #1663cb;
  --bm-color-ink: #262036;
  --bm-color-muted: #625e70;
  --bm-color-line: #e3e5ef;
  --bm-color-surface: #ffffff;
  --bm-color-tint: #f5f2fc;
  --bm-content-width: 1280px;
  --bm-section-space: clamp(56px, 6vw, 88px);
  --bm-radius-none: 0;
  --bm-radius-small: 4px;
  --bm-radius-surface: 16px;
  --bm-radius-card: var(--bm-radius-surface);
  --bm-radius-media: var(--bm-radius-surface);
  --bm-radius-input: 8px;
  --bm-radius-pill: 999px;
  --bm-radius-circle: 50%;
}