/* public/themes/bouncehouse.css */
:root {
  /* Colors */
  --color-brand-primary: #9886c5;
  --color-brand-primary-rgb: 152, 134, 197;
  --color-brand-primary-dark: #8673b8; /* hover/active */

  --color-brand-secondary: #e86c86;
  --color-text: #111827;

  /* Backgrounds */
  --color-bg-main: #f4f1fa;
  --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 theme mapping */
  --bs-primary: var(--color-brand-primary);
  --bs-primary-rgb: var(--color-brand-primary-rgb);
}

/* Bootstrap 5.2+ button vars */
.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-primary-dark);
  --bs-btn-hover-border-color: var(--color-brand-primary-dark);

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

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

  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #c9c2e3;
  --bs-btn-disabled-border-color: #c9c2e3;
}