/* ==========================================================================
   Bootstrap 5 + FullCalendar overrides — bind to ShopMa design tokens
   Loaded AFTER Bootstrap CDN and AFTER variables.css (so token references
   resolve), BEFORE base.css/components.css (so app-specific rules still win).
   ========================================================================== */

:root {
  /* Bootstrap core */
  --bs-primary: var(--color-primary);
  --bs-primary-rgb: 37, 99, 235;  /* --brass-500 (indigo) #2563EB */
  --bs-secondary: var(--color-text-secondary);
  --bs-success: var(--color-success);
  --bs-danger: var(--color-danger);
  --bs-warning: var(--color-warning);
  --bs-info: var(--color-info);

  --bs-body-bg: var(--color-bg);
  --bs-body-color: var(--color-text);
  --bs-body-font-family: var(--font-sans);
  --bs-font-sans-serif: var(--font-sans);
  --bs-body-font-size: var(--text-base);
  --bs-body-font-weight: var(--font-medium);
  --bs-body-line-height: var(--leading-normal);

  --bs-border-color: var(--color-border);
  --bs-border-color-translucent: var(--color-border);
  --bs-border-radius: var(--radius-lg);
  --bs-border-radius-sm: var(--radius-md);
  --bs-border-radius-lg: var(--radius-xl);

  --bs-link-color: var(--color-primary);
  --bs-link-color-rgb: 37, 99, 235;  /* --brass-500 (indigo) #2563EB */
  --bs-link-hover-color: var(--color-primary-hover);
  --bs-link-hover-color-rgb: 29, 78, 216;  /* --brass-700 (indigo) #1D4ED8 */

  /* FullCalendar 6 */
  --fc-button-bg-color: var(--color-primary);
  --fc-button-border-color: var(--color-primary);
  --fc-button-hover-bg-color: var(--color-primary-hover);
  --fc-button-hover-border-color: var(--color-primary-hover);
  --fc-button-active-bg-color: var(--color-accent-strong);
  --fc-button-active-border-color: var(--color-accent-strong);
  --fc-button-text-color: var(--color-text-inverse);

  --fc-event-bg-color: var(--color-accent);
  --fc-event-border-color: var(--color-accent);
  --fc-event-text-color: var(--color-text-inverse);

  --fc-today-bg-color: var(--color-accent-soft);
  --fc-page-bg-color: var(--color-surface);
  --fc-border-color: var(--color-border);
  --fc-neutral-bg-color: var(--color-surface-alt);
  --fc-list-event-hover-bg-color: var(--color-surface-alt);
}

/* Bootstrap form controls — explicit rules where CSS vars aren't enough */
.form-control:focus,
.form-select:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-ring);
}

/* .btn-outline-primary: Bootstrap reads --bs-primary-rgb for its own class but
   inline border-color declarations in templates still hard-code indigo.
   Override here so any btn-outline-primary falls to brass tokens. */
.btn-outline-primary {
  color: var(--color-primary);
  border-color: var(--color-primary);
}
.btn-outline-primary:hover,
.btn-outline-primary.active,
.btn-outline-primary:active,
.btn-check:active + .btn-outline-primary,
.btn-check:checked + .btn-outline-primary {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-text-on-primary);
}

/* Bootstrap alerts inherit our soft-light status colors */
.alert-success { background: var(--color-success-light); color: var(--color-success); border-color: var(--color-success); }
.alert-danger  { background: var(--color-danger-light);  color: var(--color-danger);  border-color: var(--color-danger); }
.alert-warning { background: var(--color-warning-light); color: var(--color-warning); border-color: var(--color-warning); }
.alert-info    { background: var(--color-info-light);    color: var(--color-info);    border-color: var(--color-info); }