/* Auto-generated by build.mjs — do not edit manually. */
/* Source: tokens/tokens.json */
/* Generated: 2026-05-11T15:43:28.482Z */

/* Cards */
.bm-card {
  background: var(--bm-color-surface-raised);
  border-radius: var(--bm-radius-lg);
  box-shadow: var(--bm-elevation-1);
  padding: var(--bm-spacing-4);
}

.bm-card-flat {
  background: var(--bm-color-surface-raised);
  border: 1px solid var(--bm-color-border);
  border-radius: var(--bm-radius-lg);
  padding: var(--bm-spacing-4);
}

.bm-card-interactive {
  background: var(--bm-color-surface-raised);
  border-radius: var(--bm-radius-lg);
  box-shadow: var(--bm-elevation-1);
  padding: var(--bm-spacing-4);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  cursor: pointer;
}

.bm-card-interactive:hover {
  box-shadow: var(--bm-elevation-2);
  transform: translateY(-1px);
}

/* Elevation */
.bm-elevation-0 { box-shadow: var(--bm-elevation-0) !important; }
.bm-elevation-1 { box-shadow: var(--bm-elevation-1) !important; }
.bm-elevation-2 { box-shadow: var(--bm-elevation-2) !important; }
.bm-elevation-3 { box-shadow: var(--bm-elevation-3) !important; }
.bm-elevation-4 { box-shadow: var(--bm-elevation-4) !important; }

/* Text colors */
.bm-text-primary { color: var(--bm-color-primary) !important; }
.bm-text-info { color: var(--bm-color-info) !important; }
.bm-text-success { color: var(--bm-color-success) !important; }
.bm-text-warning { color: var(--bm-color-warning) !important; }
.bm-text-error { color: var(--bm-color-error) !important; }
.bm-text-body { color: var(--bm-color-on-surface) !important; }
.bm-text-heading { color: var(--bm-color-on-surface-strong) !important; }
.bm-text-subtle { color: var(--bm-color-on-surface-subtle) !important; }
.bm-text-disabled { color: var(--bm-color-on-surface-disabled) !important; }
.bm-text-on-primary { color: var(--bm-color-on-primary) !important; }
.bm-text-link { color: var(--bm-color-link) !important; }

/* Background colors */
.bm-bg-primary { background-color: var(--bm-color-primary) !important; }
.bm-bg-info { background-color: var(--bm-color-info) !important; }
.bm-bg-success { background-color: var(--bm-color-success) !important; }
.bm-bg-warning { background-color: var(--bm-color-warning) !important; }
.bm-bg-error { background-color: var(--bm-color-error) !important; }
.bm-bg-surface { background-color: var(--bm-color-surface) !important; }
.bm-bg-surface-alt { background-color: var(--bm-color-surface-alt) !important; }
.bm-bg-surface-raised { background-color: var(--bm-color-surface-raised) !important; }
.bm-bg-background { background-color: var(--bm-color-background) !important; }
.bm-bg-hover { background-color: var(--bm-color-hover-bg) !important; }

/* Border radius */
.bm-rounded-sm { border-radius: var(--bm-radius-sm) !important; }
.bm-rounded-md { border-radius: var(--bm-radius-md) !important; }
.bm-rounded-lg { border-radius: var(--bm-radius-lg) !important; }
.bm-rounded-xl { border-radius: var(--bm-radius-xl) !important; }
.bm-rounded-pill { border-radius: var(--bm-radius-pill) !important; }

/* Spacing */
.bm-p-0 { padding: var(--bm-spacing-0) !important; }
.bm-px-0 { padding-left: var(--bm-spacing-0) !important; padding-right: var(--bm-spacing-0) !important; }
.bm-py-0 { padding-top: var(--bm-spacing-0) !important; padding-bottom: var(--bm-spacing-0) !important; }
.bm-m-0 { margin: var(--bm-spacing-0) !important; }
.bm-mx-0 { margin-left: var(--bm-spacing-0) !important; margin-right: var(--bm-spacing-0) !important; }
.bm-my-0 { margin-top: var(--bm-spacing-0) !important; margin-bottom: var(--bm-spacing-0) !important; }
.bm-gap-0 { gap: var(--bm-spacing-0) !important; }
.bm-p-1 { padding: var(--bm-spacing-1) !important; }
.bm-px-1 { padding-left: var(--bm-spacing-1) !important; padding-right: var(--bm-spacing-1) !important; }
.bm-py-1 { padding-top: var(--bm-spacing-1) !important; padding-bottom: var(--bm-spacing-1) !important; }
.bm-m-1 { margin: var(--bm-spacing-1) !important; }
.bm-mx-1 { margin-left: var(--bm-spacing-1) !important; margin-right: var(--bm-spacing-1) !important; }
.bm-my-1 { margin-top: var(--bm-spacing-1) !important; margin-bottom: var(--bm-spacing-1) !important; }
.bm-gap-1 { gap: var(--bm-spacing-1) !important; }
.bm-p-2 { padding: var(--bm-spacing-2) !important; }
.bm-px-2 { padding-left: var(--bm-spacing-2) !important; padding-right: var(--bm-spacing-2) !important; }
.bm-py-2 { padding-top: var(--bm-spacing-2) !important; padding-bottom: var(--bm-spacing-2) !important; }
.bm-m-2 { margin: var(--bm-spacing-2) !important; }
.bm-mx-2 { margin-left: var(--bm-spacing-2) !important; margin-right: var(--bm-spacing-2) !important; }
.bm-my-2 { margin-top: var(--bm-spacing-2) !important; margin-bottom: var(--bm-spacing-2) !important; }
.bm-gap-2 { gap: var(--bm-spacing-2) !important; }
.bm-p-3 { padding: var(--bm-spacing-3) !important; }
.bm-px-3 { padding-left: var(--bm-spacing-3) !important; padding-right: var(--bm-spacing-3) !important; }
.bm-py-3 { padding-top: var(--bm-spacing-3) !important; padding-bottom: var(--bm-spacing-3) !important; }
.bm-m-3 { margin: var(--bm-spacing-3) !important; }
.bm-mx-3 { margin-left: var(--bm-spacing-3) !important; margin-right: var(--bm-spacing-3) !important; }
.bm-my-3 { margin-top: var(--bm-spacing-3) !important; margin-bottom: var(--bm-spacing-3) !important; }
.bm-gap-3 { gap: var(--bm-spacing-3) !important; }
.bm-p-4 { padding: var(--bm-spacing-4) !important; }
.bm-px-4 { padding-left: var(--bm-spacing-4) !important; padding-right: var(--bm-spacing-4) !important; }
.bm-py-4 { padding-top: var(--bm-spacing-4) !important; padding-bottom: var(--bm-spacing-4) !important; }
.bm-m-4 { margin: var(--bm-spacing-4) !important; }
.bm-mx-4 { margin-left: var(--bm-spacing-4) !important; margin-right: var(--bm-spacing-4) !important; }
.bm-my-4 { margin-top: var(--bm-spacing-4) !important; margin-bottom: var(--bm-spacing-4) !important; }
.bm-gap-4 { gap: var(--bm-spacing-4) !important; }
.bm-p-5 { padding: var(--bm-spacing-5) !important; }
.bm-px-5 { padding-left: var(--bm-spacing-5) !important; padding-right: var(--bm-spacing-5) !important; }
.bm-py-5 { padding-top: var(--bm-spacing-5) !important; padding-bottom: var(--bm-spacing-5) !important; }
.bm-m-5 { margin: var(--bm-spacing-5) !important; }
.bm-mx-5 { margin-left: var(--bm-spacing-5) !important; margin-right: var(--bm-spacing-5) !important; }
.bm-my-5 { margin-top: var(--bm-spacing-5) !important; margin-bottom: var(--bm-spacing-5) !important; }
.bm-gap-5 { gap: var(--bm-spacing-5) !important; }
.bm-p-6 { padding: var(--bm-spacing-6) !important; }
.bm-px-6 { padding-left: var(--bm-spacing-6) !important; padding-right: var(--bm-spacing-6) !important; }
.bm-py-6 { padding-top: var(--bm-spacing-6) !important; padding-bottom: var(--bm-spacing-6) !important; }
.bm-m-6 { margin: var(--bm-spacing-6) !important; }
.bm-mx-6 { margin-left: var(--bm-spacing-6) !important; margin-right: var(--bm-spacing-6) !important; }
.bm-my-6 { margin-top: var(--bm-spacing-6) !important; margin-bottom: var(--bm-spacing-6) !important; }
.bm-gap-6 { gap: var(--bm-spacing-6) !important; }
.bm-p-8 { padding: var(--bm-spacing-8) !important; }
.bm-px-8 { padding-left: var(--bm-spacing-8) !important; padding-right: var(--bm-spacing-8) !important; }
.bm-py-8 { padding-top: var(--bm-spacing-8) !important; padding-bottom: var(--bm-spacing-8) !important; }
.bm-m-8 { margin: var(--bm-spacing-8) !important; }
.bm-mx-8 { margin-left: var(--bm-spacing-8) !important; margin-right: var(--bm-spacing-8) !important; }
.bm-my-8 { margin-top: var(--bm-spacing-8) !important; margin-bottom: var(--bm-spacing-8) !important; }
.bm-gap-8 { gap: var(--bm-spacing-8) !important; }
.bm-p-10 { padding: var(--bm-spacing-10) !important; }
.bm-px-10 { padding-left: var(--bm-spacing-10) !important; padding-right: var(--bm-spacing-10) !important; }
.bm-py-10 { padding-top: var(--bm-spacing-10) !important; padding-bottom: var(--bm-spacing-10) !important; }
.bm-m-10 { margin: var(--bm-spacing-10) !important; }
.bm-mx-10 { margin-left: var(--bm-spacing-10) !important; margin-right: var(--bm-spacing-10) !important; }
.bm-my-10 { margin-top: var(--bm-spacing-10) !important; margin-bottom: var(--bm-spacing-10) !important; }
.bm-gap-10 { gap: var(--bm-spacing-10) !important; }
.bm-p-12 { padding: var(--bm-spacing-12) !important; }
.bm-px-12 { padding-left: var(--bm-spacing-12) !important; padding-right: var(--bm-spacing-12) !important; }
.bm-py-12 { padding-top: var(--bm-spacing-12) !important; padding-bottom: var(--bm-spacing-12) !important; }
.bm-m-12 { margin: var(--bm-spacing-12) !important; }
.bm-mx-12 { margin-left: var(--bm-spacing-12) !important; margin-right: var(--bm-spacing-12) !important; }
.bm-my-12 { margin-top: var(--bm-spacing-12) !important; margin-bottom: var(--bm-spacing-12) !important; }
.bm-gap-12 { gap: var(--bm-spacing-12) !important; }
.bm-p-16 { padding: var(--bm-spacing-16) !important; }
.bm-px-16 { padding-left: var(--bm-spacing-16) !important; padding-right: var(--bm-spacing-16) !important; }
.bm-py-16 { padding-top: var(--bm-spacing-16) !important; padding-bottom: var(--bm-spacing-16) !important; }
.bm-m-16 { margin: var(--bm-spacing-16) !important; }
.bm-mx-16 { margin-left: var(--bm-spacing-16) !important; margin-right: var(--bm-spacing-16) !important; }
.bm-my-16 { margin-top: var(--bm-spacing-16) !important; margin-bottom: var(--bm-spacing-16) !important; }
.bm-gap-16 { gap: var(--bm-spacing-16) !important; }
.bm-p-20 { padding: var(--bm-spacing-20) !important; }
.bm-px-20 { padding-left: var(--bm-spacing-20) !important; padding-right: var(--bm-spacing-20) !important; }
.bm-py-20 { padding-top: var(--bm-spacing-20) !important; padding-bottom: var(--bm-spacing-20) !important; }
.bm-m-20 { margin: var(--bm-spacing-20) !important; }
.bm-mx-20 { margin-left: var(--bm-spacing-20) !important; margin-right: var(--bm-spacing-20) !important; }
.bm-my-20 { margin-top: var(--bm-spacing-20) !important; margin-bottom: var(--bm-spacing-20) !important; }
.bm-gap-20 { gap: var(--bm-spacing-20) !important; }
.bm-p-24 { padding: var(--bm-spacing-24) !important; }
.bm-px-24 { padding-left: var(--bm-spacing-24) !important; padding-right: var(--bm-spacing-24) !important; }
.bm-py-24 { padding-top: var(--bm-spacing-24) !important; padding-bottom: var(--bm-spacing-24) !important; }
.bm-m-24 { margin: var(--bm-spacing-24) !important; }
.bm-mx-24 { margin-left: var(--bm-spacing-24) !important; margin-right: var(--bm-spacing-24) !important; }
.bm-my-24 { margin-top: var(--bm-spacing-24) !important; margin-bottom: var(--bm-spacing-24) !important; }
.bm-gap-24 { gap: var(--bm-spacing-24) !important; }
.bm-p-0-5 { padding: var(--bm-spacing-0-5) !important; }
.bm-px-0-5 { padding-left: var(--bm-spacing-0-5) !important; padding-right: var(--bm-spacing-0-5) !important; }
.bm-py-0-5 { padding-top: var(--bm-spacing-0-5) !important; padding-bottom: var(--bm-spacing-0-5) !important; }
.bm-m-0-5 { margin: var(--bm-spacing-0-5) !important; }
.bm-mx-0-5 { margin-left: var(--bm-spacing-0-5) !important; margin-right: var(--bm-spacing-0-5) !important; }
.bm-my-0-5 { margin-top: var(--bm-spacing-0-5) !important; margin-bottom: var(--bm-spacing-0-5) !important; }
.bm-gap-0-5 { gap: var(--bm-spacing-0-5) !important; }
.bm-p-1-5 { padding: var(--bm-spacing-1-5) !important; }
.bm-px-1-5 { padding-left: var(--bm-spacing-1-5) !important; padding-right: var(--bm-spacing-1-5) !important; }
.bm-py-1-5 { padding-top: var(--bm-spacing-1-5) !important; padding-bottom: var(--bm-spacing-1-5) !important; }
.bm-m-1-5 { margin: var(--bm-spacing-1-5) !important; }
.bm-mx-1-5 { margin-left: var(--bm-spacing-1-5) !important; margin-right: var(--bm-spacing-1-5) !important; }
.bm-my-1-5 { margin-top: var(--bm-spacing-1-5) !important; margin-bottom: var(--bm-spacing-1-5) !important; }
.bm-gap-1-5 { gap: var(--bm-spacing-1-5) !important; }
.bm-p-2-5 { padding: var(--bm-spacing-2-5) !important; }
.bm-px-2-5 { padding-left: var(--bm-spacing-2-5) !important; padding-right: var(--bm-spacing-2-5) !important; }
.bm-py-2-5 { padding-top: var(--bm-spacing-2-5) !important; padding-bottom: var(--bm-spacing-2-5) !important; }
.bm-m-2-5 { margin: var(--bm-spacing-2-5) !important; }
.bm-mx-2-5 { margin-left: var(--bm-spacing-2-5) !important; margin-right: var(--bm-spacing-2-5) !important; }
.bm-my-2-5 { margin-top: var(--bm-spacing-2-5) !important; margin-bottom: var(--bm-spacing-2-5) !important; }
.bm-gap-2-5 { gap: var(--bm-spacing-2-5) !important; }
.bm-p-3-5 { padding: var(--bm-spacing-3-5) !important; }
.bm-px-3-5 { padding-left: var(--bm-spacing-3-5) !important; padding-right: var(--bm-spacing-3-5) !important; }
.bm-py-3-5 { padding-top: var(--bm-spacing-3-5) !important; padding-bottom: var(--bm-spacing-3-5) !important; }
.bm-m-3-5 { margin: var(--bm-spacing-3-5) !important; }
.bm-mx-3-5 { margin-left: var(--bm-spacing-3-5) !important; margin-right: var(--bm-spacing-3-5) !important; }
.bm-my-3-5 { margin-top: var(--bm-spacing-3-5) !important; margin-bottom: var(--bm-spacing-3-5) !important; }
.bm-gap-3-5 { gap: var(--bm-spacing-3-5) !important; }

/* Typography */
.bm-text-xs { font-size: var(--bm-font-size-xs) !important; }
.bm-text-sm { font-size: var(--bm-font-size-sm) !important; }
.bm-text-md { font-size: var(--bm-font-size-md) !important; }
.bm-text-lg { font-size: var(--bm-font-size-lg) !important; }
.bm-text-xl { font-size: var(--bm-font-size-xl) !important; }
.bm-text-2xl { font-size: var(--bm-font-size-2xl) !important; }
.bm-text-3xl { font-size: var(--bm-font-size-3xl) !important; }
.bm-font-normal { font-weight: var(--bm-font-weight-normal) !important; }
.bm-font-medium { font-weight: var(--bm-font-weight-medium) !important; }
.bm-font-semibold { font-weight: var(--bm-font-weight-semibold) !important; }
.bm-font-bold { font-weight: var(--bm-font-weight-bold) !important; }
.bm-leading-tight { line-height: var(--bm-line-height-tight) !important; }
.bm-leading-normal { line-height: var(--bm-line-height-normal) !important; }
.bm-leading-relaxed { line-height: var(--bm-line-height-relaxed) !important; }