/* buttons.css - Shared button styles, loaded by every page (base.html) and
 * the standalone sign-in pages. Colors come from tokens.css.
 */

/* Brand-blue button (matches the player's play button) */
.btn-brand {
  --bs-btn-color: var(--color-on-accent);
  --bs-btn-bg: var(--color-brand);
  --bs-btn-border-color: var(--color-brand);
  --bs-btn-hover-color: var(--color-on-accent);
  --bs-btn-hover-bg: var(--color-brand-hover);
  --bs-btn-hover-border-color: var(--color-brand-hover);
  --bs-btn-active-color: var(--color-on-accent);
  --bs-btn-active-bg: var(--color-brand-hover);
  --bs-btn-active-border-color: var(--color-brand-hover);
  --bs-btn-disabled-color: var(--color-on-accent);
  --bs-btn-disabled-bg: var(--color-brand);
  --bs-btn-disabled-border-color: var(--color-brand);
}
.btn-brand:focus-visible {
  box-shadow: 0 0 0 0.2rem var(--color-focus-ring);
}