:root {
  --aob-font-sans: "Wix Madefor Text", system-ui, -apple-system, "Segoe UI", sans-serif;

  --aob-space-1: 0.25rem;
  --aob-space-2: 0.5rem;
  --aob-space-3: 0.75rem;
  --aob-space-4: 1rem;
  --aob-space-5: 1.5rem;
  --aob-space-6: 2rem;

  --aob-radius-sm: 0.5rem;
  --aob-radius-md: 1rem;
  --aob-radius-lg: 1.5rem;
  --aob-radius-xl: 2.5rem;
  --aob-radius-pill: 9999px;

  --aob-color-brand: #009CD2;
  --aob-color-accent: #e4e65f;
  --aob-color-bars: #f3f3f1;
  --aob-color-warning: #f4a74b;
  --aob-color-surface: #f3f3f1;
  --aob-color-text: #000000;

}

html[data-bs-theme="dark"] {
  --aob-color-brand: #23596F;
  --aob-color-accent: #70763f;
  --aob-color-warning: #775B35;
  --aob-color-surface: #2d353c;
  --aob-color-text: #ffffff;
}