/*
 * Micalmoker — shared Bootstrap "primary" override.
 *
 * AvenPre bundles its own copy of bootstrap.min.css, unmodified, with
 * Bootstrap's stock blue (#0d6efd) as --bs-primary, and its main.css never
 * retints it: its own CTAs are .btn-plan/.btn-submit, already red. But this
 * app's actual pages (lobby, table, wallet, plans, most auth views) use plain
 * .btn-primary/.btn-outline-primary/.form-check-input directly, so without
 * this file those stay Bootstrap-blue while everything around them is
 * Micalmoker red. (TrendyPre, the admin/login template, doesn't load this
 * file: its main.css already styles those from its own --accent-color.)
 *
 * Loaded after bootstrap.min.css and after AvenPre's own main.css (see
 * templates/AvenPre/head.blade.php) so it wins the cascade at equal specificity.
 *
 * :root here retints Bootstrap's utility classes that already read from
 * --bs-primary-rgb (.bg-primary, .border-primary, .text-primary — see
 * bootstrap.min.css). .btn-primary/.btn-outline-primary don't: Bootstrap
 * 5.3 hardcodes each button variant's colors as its own component-local
 * custom properties, so they need their own override. Hover/active/focus
 * shades are darker/lighter computed tints of #e03a3c, the same
 * relationship Bootstrap's stock blue has to its own hover/active shades.
 *
 * Only "primary" (brand actions) is retinted — success/danger/warning/info
 * keep their stock Bootstrap colors, so status still reads as status.
 */

:root {
  --bs-primary: #e03a3c;
  --bs-primary-rgb: 224, 58, 60;
}

.btn-primary {
  --bs-btn-bg: #e03a3c;
  --bs-btn-border-color: #e03a3c;
  --bs-btn-hover-bg: #c93336;
  --bs-btn-hover-border-color: #c93336;
  --bs-btn-active-bg: #b32e30;
  --bs-btn-active-border-color: #b32e30;
  --bs-btn-focus-shadow-rgb: 224, 58, 60;
  --bs-btn-disabled-bg: #e03a3c;
  --bs-btn-disabled-border-color: #e03a3c;
}

.btn-outline-primary {
  --bs-btn-color: #e03a3c;
  --bs-btn-border-color: #e03a3c;
  --bs-btn-hover-bg: #e03a3c;
  --bs-btn-hover-border-color: #e03a3c;
  --bs-btn-focus-shadow-rgb: 224, 58, 60;
  --bs-btn-active-bg: #e03a3c;
  --bs-btn-active-border-color: #e03a3c;
  --bs-btn-disabled-color: #e03a3c;
  --bs-btn-disabled-border-color: #e03a3c;
}

.form-control:focus {
  border-color: #f1a6a7;
  box-shadow: 0 0 0 .25rem rgba(224, 58, 60, .25);
}

.form-check-input:checked {
  background-color: #e03a3c;
  border-color: #e03a3c;
}

.form-check-input:focus {
  border-color: #f1a6a7;
  box-shadow: 0 0 0 .25rem rgba(224, 58, 60, .25);
}

/*
 * Gap between the header logo image and the wordmark next to it (AvenPre's
 * .header .logo img ships 8px).
 */
#header .logo img {
  margin-right: 10px;
}