/* Brand overrides (load after Bootstrap + defaults)
   Keep this file minimal so it’s obvious what you changed.
*/


:root, [data-bs-theme="light"] {

  --bs-primary: var(--brand-primary-500);
  --bs-secondary: var(--brand-secondary-500);
  --bs-tertiary: var(--brand-tertiary-500);
  --bs-dark: var(--brand-dark);

  --bs-primary-rgb:   var(--brand-primary-rgb);
  --bs-secondary-rgb: var(--brand-secondary-rgb);
  --bs-dark-rgb: var(--brand-dark-rgb);

  --modal-backdrop-opacity: 0.8;

  --bs-link-color: var(--brand-primary-400);
  --bs-link-hover-color: var(--brand-primary-600);
  --bs-link-color-rgb: var(--bs-primary-rgb);
  --bs-link-hover-color-rgb: 153, 0, 0;

  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), 0.25);

  --bs-primary-text-emphasis:   color-mix(in oklch, var(--bs-primary), black 40%);
  --bs-primary-bg-subtle:       color-mix(in oklch, var(--bs-primary), white 85%);
  --bs-primary-border-subtle:   color-mix(in oklch, var(--bs-primary), white 65%);

  --bs-secondary-text-emphasis: color-mix(in oklch, var(--bs-secondary), black 45%);
  --bs-secondary-bg-subtle:     color-mix(in oklch, var(--bs-secondary), white 85%);
  --bs-secondary-border-subtle: color-mix(in oklch, var(--bs-secondary), white 65%);

  --bs-backdrop-opacity: 0.8;

  --bs-btn-color: #0d6efd;
}

[data-bs-theme="dark"] {
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg:               var(--brand-primary-500);
  --bs-btn-border-color:     var(--brand-primary-600);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg:         var(--brand-primary-600);
  --bs-btn-hover-border-color: var(--brand-primary-700);
  --bs-btn-focus-shadow-rgb: var(--brand-primary-rgb);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg:        var(--brand-primary-700);
  --bs-btn-active-border-color: var(--brand-primary-700);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg:      var(--brand-primary-500);
  --bs-btn-disabled-border-color: var(--brand-primary-500);
}

.btn-outline-primary {
  --bs-btn-color:           var(--brand-primary-500);
  --bs-btn-border-color:    var(--brand-primary-500);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg:        var(--brand-primary-500);
  --bs-btn-hover-border-color: var(--brand-primary-500);
  --bs-btn-focus-shadow-rgb: var(--brand-primary-rgb);
}

.btn-secondary {
  --bs-btn-color: #000;
  --bs-btn-bg:               var(--brand-secondary-500);
  --bs-btn-border-color:     var(--brand-secondary-600);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg:         var(--brand-secondary-600);
  --bs-btn-hover-border-color: var(--brand-secondary-700);
  --bs-btn-focus-shadow-rgb: var(--brand-secondary-rgb);
  --bs-btn-active-color: #000;
  --bs-btn-active-bg:        var(--brand-secondary-700);
  --bs-btn-active-border-color: var(--brand-secondary-700);
}

.form-check-input {
  --bs-form-check-checked-bg-color: var(--brand-primary-500);
  --bs-form-check-checked-border-color: var(--brand-primary-500);
}

.form-check-input:checked {
    background-color: var(--brand-primary-500);
    border-color: var(--brand-primary-500);
}