:root {
  --color-accent-50: #eff0f2;
  --color-accent-100: #dbdde2;
  --color-accent-200: #bbbfc9;
  --color-accent-400: #727b8f;
  --color-accent-500: #4d5972;
  --color-accent-600: #323f5c;
  --color-accent-700: #1b2a4a;
  --color-accent-900: #131e35;
  --color-accent: #1b2a4a;
  --color-on-accent: #ffffff;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --color-accent-50: #131e35;
  --color-accent-100: #1b2a4a;
  --color-accent-200: #323f5c;
  --color-accent-400: #4d5972;
  --color-accent-500: #727b8f;
  --color-accent-600: #bbbfc9;
  --color-accent-700: #dbdde2;
  --color-accent-900: #eff0f2;
  --color-on-accent: #14161a;
  }
}
:root[data-theme="dark"] {
  --color-accent-50: #131e35;
  --color-accent-100: #1b2a4a;
  --color-accent-200: #323f5c;
  --color-accent-400: #4d5972;
  --color-accent-500: #727b8f;
  --color-accent-600: #bbbfc9;
  --color-accent-700: #dbdde2;
  --color-accent-900: #eff0f2;
  --color-on-accent: #14161a;
}
.bm-btn-primary { color: var(--color-on-accent); }