/**
 * BikerPatches design tokens.
 *
 * These defaults reproduce the original BikerPatches palette exactly. The
 * Theme Settings screen overrides only these variables at runtime; page CSS
 * consumes the variables directly, so no !important color patch layer is
 * required.
 */
:root {
  --bp-primary: #b90134;
  --bp-primary-hover: #de043b;
  --bp-accent: #fec41d;
  --bp-dark: #0a0a0a;
  --bp-dark-secondary: #111111;
  --bp-dark-section: #080808;
  --bp-background: #ffffff;
  --bp-background-light: #f2f2f2;
  --bp-text: #333333;
  --bp-text-light: #ffffff;
  --bp-link: #333333;
  --bp-button-bg: #333333;
  --bp-button-text: #ffffff;
  --bp-button-hover: #333333;
  --bp-border: #c9c9c9;
  --bp-topbar-bg: #000000;
  --bp-header-bg: #000000;
  --bp-nav-text: #ffffff;
  --bp-footer-bg: #000000;
  --bp-footer-text: #ffffff;
  --bp-form-bg: #ffffff;
  --bp-form-text: #333333;
  --bp-form-border: #ced4da;
  --bp-black: #000000;
  --bp-text-strong: #000000;
  --bp-background-muted: #eeeeee;
  --bp-form-border-soft: #b1b1b1;

  /* Semantic aliases keep page/component CSS readable without adding more
     controls to the UI. They inherit from the editable palette above. */
  --bp-heading: var(--bp-text);
  --bp-surface: var(--bp-background);
  --bp-surface-light: var(--bp-background-light);
  --bp-selection-bg: var(--bp-dark);
  --bp-selection-text: var(--bp-text-light);
  --bp-scrollbar-track: var(--bp-background);
  --bp-scrollbar-thumb: var(--bp-dark);
  --bp-topbar-text: var(--bp-nav-text);
  --bp-header-text: var(--bp-nav-text);
  --bp-card-border: var(--bp-border);
}