/* public/themes/bouncehouse.css */
:root {
  /* Colors */
  --color-brand-primary: #9886c5;
  --color-brand-secondary: #e86c86;
  --color-text: #111827;

  /* Backgrounds */
  --color-bg-main: #ffffff;
  --color-bg-alt:  #3c3844;

  /* Border */
  --color-border: #e5e7eb;

  /* Fonts */
  --font-primary: Inter, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Helvetica, Arial, sans-serif;
  --font-secondary: "Playfair Display", Georgia, serif;

  /* Headings */
  --headings-weight: 700;
  --headings-lh: 1.2;
  --headings-tracking: -0.01em;

  /* Bootstrap button mapping */
  --bs-primary: #9886c5;          /* matches brand primary */
  --bs-primary-rgb: 152,134,197;  /* rgb of #9886c5 */

  --bs-primary: var(--color-brand-primary);
  --bs-primary-rgb: var(--color-brand-primary-rgb);
}

/* Component-scoped button vars (needed for 5.2 and some builds) */
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--color-brand-primary);
  --bs-btn-border-color: var(--color-brand-primary);

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--color-brand-secondary);
  --bs-btn-hover-border-color: var(--color-brand-secondary);

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--color-brand-secondary);
  --bs-btn-active-border-color: var(--color-brand-secondary);

  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

/* Bulletproof fallback for older Bootstrap builds (5.0/5.1) that hardcode colors */
.btn.btn-primary {
  background-color: var(--color-brand-primary) !important;
  border-color: var(--color-brand-primary) !important;
  color: #fff !important;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
  background-color: var(--color-brand-secondary) !important;
  border-color: var(--color-brand-secondary) !important;
}