/* ===================================================================
   MTS Brand Tokens
   ===================================================================
   Single source of truth for the MTS visual identity. Consumed by
   both the Ltac product app and the mtsCorp marketing site via the
   Mts.Branding Razor Class Library at /_content/Mts.Branding/.

   Link this file BEFORE the consuming app's own CSS so app-specific
   styles can override case-by-case.
*/

:root {
  /* Brand palette */
  --mts-primary:        #2c5f8a;
  --mts-primary-hover:  #1e3a52;
  --mts-primary-rgb:    44, 95, 138;

  --mts-surface:        #EDEFF3;
  --mts-page-bg:        #FAFBFC;
  --mts-border:         #DCDFE4;

  --mts-text:           #1F2937;
  --mts-text-muted:     #6c757d;
  --mts-text-subtle:    #94a3b8;

  --mts-danger:         #dc3545;
  --mts-danger-hover:   #b42a38;

  --mts-focus-ring:     #258cfb;

  /* Radii */
  --mts-radius-sm:      6px;
  --mts-radius-md:      8px;
  --mts-radius-lg:      10px;
}

/* Bootstrap 5 variable overrides */
:root,
[data-bs-theme="light"] {
  --bs-primary:           var(--mts-primary);
  --bs-primary-rgb:       var(--mts-primary-rgb);
  --bs-border-color:      var(--mts-border);
  --bs-body-color:        var(--mts-text);
  --bs-body-bg:           var(--mts-page-bg);
  --bs-link-color:        var(--mts-primary);
  --bs-link-hover-color:  var(--mts-primary-hover);
  --bs-secondary-color:   var(--mts-text-muted);
  --bs-emphasis-color:    var(--mts-text);
  --bs-danger:            var(--mts-danger);
}

/* Bootstrap primary button uses MTS navy, not Bootstrap blue */
.btn-primary {
  --bs-btn-bg:                     var(--mts-primary);
  --bs-btn-border-color:           var(--mts-primary);
  --bs-btn-hover-bg:               var(--mts-primary-hover);
  --bs-btn-hover-border-color:     var(--mts-primary-hover);
  --bs-btn-active-bg:              var(--mts-primary-hover);
  --bs-btn-active-border-color:    var(--mts-primary-hover);
  --bs-btn-disabled-bg:            var(--mts-primary);
  --bs-btn-disabled-border-color:  var(--mts-primary);
}
.btn-outline-primary {
  --bs-btn-color:                  var(--mts-primary);
  --bs-btn-border-color:           var(--mts-primary);
  --bs-btn-hover-bg:               var(--mts-primary);
  --bs-btn-hover-border-color:     var(--mts-primary);
  --bs-btn-active-bg:              var(--mts-primary);
  --bs-btn-active-border-color:    var(--mts-primary);
}

/* Focus ring (matches product app convention) */
.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
  box-shadow: 0 0 0 0.1rem #fff,
              0 0 0 0.25rem var(--mts-focus-ring);
}