:root {
  --bd-color-accent: #b9f227;
  --bd-color-accent-hover: #a8df18;
  --bd-color-accent-ink: #182600;
  --bd-color-canvas: #f5f7f8;
  --bd-color-surface: #ffffff;
  --bd-color-surface-subtle: #f9fafb;
  --bd-color-ink: #273244;
  --bd-color-muted: #66738a;
  --bd-color-border: #e2e6ea;
  --bd-radius-sm: 9px;
  --bd-radius-md: 12px;
  --bd-radius-lg: 14px;
  --bd-shadow-subtle: 0 1px 2px rgb(16 24 40 / 4%);
  --bd-focus: 0 0 0 3px rgb(185 242 39 / 32%);
}

[data-bs-theme="dark"] {
  --bd-color-canvas: #0f1113;
  --bd-color-surface: #171a1d;
  --bd-color-surface-subtle: #1c2024;
  --bd-color-ink: #f4f5f6;
  --bd-color-muted: #9da4ae;
  --bd-color-border: #2b3036;
  --bd-shadow-subtle: none;
}