/* ==========================================================================
   FORPAY — Bootstrap 5.3.8 theme
   Reassigns Bootstrap's own CSS custom properties (the documented 5.3
   theming API) so stock components render in the navy / orange palette.
   Load AFTER bootstrap.min.css.
   ========================================================================== */

:root {
  --fp-navy:        #0d1b3e;
  --fp-navy-rgb:    13, 27, 62;
  --fp-navy-2:      #16295c;
  --fp-navy-3:      #1f3a80;

  --fp-blue:        #1360f2;
  --fp-blue-rgb:    19, 96, 242;
  --fp-blue-dark:   #0b4fd8;

  --fp-orange:      #f7861a;
  --fp-orange-rgb:  247, 134, 26;
  --fp-orange-dark: #e5730c;

  --fp-green:       #16a06c;
  --fp-green-rgb:   22, 160, 108;
  --fp-red:         #e03131;
  --fp-red-rgb:     224, 49, 49;
  --fp-cyan:        #0d8fb3;
  --fp-cyan-rgb:    13, 143, 179;

  /* Brand ink used by the masthead gradient */
  --fp-masthead: linear-gradient(112deg, #0d1b3e 0%, #16295c 55%, #1f3a80 100%);
}

/* --------------------------------------------------------------------------
   LIGHT
   -------------------------------------------------------------------------- */
:root,
[data-bs-theme="light"] {
  --bs-primary:       var(--fp-blue);
  --bs-primary-rgb:   var(--fp-blue-rgb);
  --bs-secondary:     #6b7794;
  --bs-secondary-rgb: 107, 119, 148;
  --bs-success:       var(--fp-green);
  --bs-success-rgb:   var(--fp-green-rgb);
  --bs-info:          var(--fp-cyan);
  --bs-info-rgb:      var(--fp-cyan-rgb);
  --bs-warning:       var(--fp-orange);
  --bs-warning-rgb:   var(--fp-orange-rgb);
  --bs-danger:        var(--fp-red);
  --bs-danger-rgb:    var(--fp-red-rgb);
  --bs-dark:          var(--fp-navy);
  --bs-dark-rgb:      var(--fp-navy-rgb);
  --bs-light:         #f4f6fb;
  --bs-light-rgb:     244, 246, 251;

  --bs-primary-bg-subtle:       #e6efff;
  --bs-primary-border-subtle:   #bcd4ff;
  --bs-primary-text-emphasis:   #0a3f9e;
  --bs-success-bg-subtle:       #e4f7ef;
  --bs-success-border-subtle:   #b3e6d1;
  --bs-success-text-emphasis:   #0c6a47;
  --bs-warning-bg-subtle:       #fff2e3;
  --bs-warning-border-subtle:   #ffd4a3;
  --bs-warning-text-emphasis:   #9c5306;
  --bs-danger-bg-subtle:        #fdebeb;
  --bs-danger-border-subtle:    #f7bebe;
  --bs-danger-text-emphasis:    #911f1f;
  --bs-info-bg-subtle:          #e2f4f9;
  --bs-info-border-subtle:      #b0e0ed;
  --bs-info-text-emphasis:      #075c73;
  --bs-secondary-bg-subtle:     #eff2f8;
  --bs-secondary-border-subtle: #d6dceb;
  --bs-secondary-text-emphasis: #4a5470;

  --bs-body-bg:         #f4f6fb;
  --bs-body-bg-rgb:     244, 246, 251;
  --bs-body-color:      #16223d;
  --bs-body-color-rgb:  22, 34, 61;
  --bs-secondary-color: rgba(22, 34, 61, .60);
  --bs-secondary-bg:    #eff2f8;
  --bs-tertiary-bg:     #fafbfe;
  --bs-emphasis-color:  #050d1f;
  --bs-heading-color:   #0d1b3e;

  --bs-border-color:             #e3e8f2;
  --bs-border-color-translucent: rgba(13, 27, 62, .10);

  --bs-link-color:           var(--fp-blue);
  --bs-link-color-rgb:       var(--fp-blue-rgb);
  --bs-link-hover-color:     var(--fp-blue-dark);
  --bs-link-hover-color-rgb: 11, 79, 216;

  --bs-body-font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --bs-body-font-size:   .875rem;
  --bs-body-line-height: 1.55;

  --bs-border-radius:    .625rem;
  --bs-border-radius-sm: .375rem;
  --bs-border-radius-lg: .875rem;
  --bs-border-radius-xl: 1.125rem;

  --bs-box-shadow-sm: 0 1px 3px rgba(13, 27, 62, .07), 0 1px 2px rgba(13, 27, 62, .04);
  --bs-box-shadow:    0 4px 16px rgba(13, 27, 62, .08);
  --bs-box-shadow-lg: 0 16px 44px rgba(13, 27, 62, .14);

  --bs-card-bg:            #fff;
  --bs-card-border-color:  #e8ecf5;
  --bs-card-cap-bg:        #fff;
  --bs-card-border-radius: .875rem;

  --bs-btn-font-weight:         600;
  --bs-nav-pills-border-radius: .5rem;
  --bs-table-hover-bg:          #f4f8ff;
  --bs-form-valid-color:        var(--fp-green);
  --bs-form-invalid-color:      var(--fp-red);
}

/* --------------------------------------------------------------------------
   DARK
   -------------------------------------------------------------------------- */
[data-bs-theme="dark"] {
  --bs-primary:     #4d8bff;
  --bs-primary-rgb: 77, 139, 255;
  --bs-warning:     #ff9f45;
  --bs-warning-rgb: 255, 159, 69;
  --bs-success:     #2ec98a;
  --bs-success-rgb: 46, 201, 138;
  --bs-danger:      #ff5c5c;
  --bs-danger-rgb:  255, 92, 92;
  --bs-info:        #3fb6d8;
  --bs-info-rgb:    63, 182, 216;

  --bs-primary-bg-subtle:       #10224a;
  --bs-primary-border-subtle:   #1d3a7a;
  --bs-primary-text-emphasis:   #a3c1ff;
  --bs-success-bg-subtle:       #0c2c22;
  --bs-success-border-subtle:   #17573f;
  --bs-success-text-emphasis:   #7fdfb9;
  --bs-warning-bg-subtle:       #382209;
  --bs-warning-border-subtle:   #6d4415;
  --bs-warning-text-emphasis:   #ffc48a;
  --bs-danger-bg-subtle:        #3a1414;
  --bs-danger-border-subtle:    #6e2525;
  --bs-danger-text-emphasis:    #ffa3a3;
  --bs-info-bg-subtle:          #0a2a33;
  --bs-info-border-subtle:      #14515f;
  --bs-info-text-emphasis:      #8fd9ea;
  --bs-secondary-bg-subtle:     #1a2138;
  --bs-secondary-border-subtle: #2c3550;
  --bs-secondary-text-emphasis: #a9b3cb;

  --bs-body-bg:         #070d1e;
  --bs-body-bg-rgb:     7, 13, 30;
  --bs-body-color:      #dde4f3;
  --bs-body-color-rgb:  221, 228, 243;
  --bs-secondary-color: rgba(221, 228, 243, .62);
  --bs-secondary-bg:    #121a30;
  --bs-tertiary-bg:     #0e162c;
  --bs-emphasis-color:  #fff;
  --bs-heading-color:   #fff;

  --bs-border-color:             #242e4a;
  --bs-border-color-translucent: rgba(255, 255, 255, .11);

  --bs-link-color:           #6f9dff;
  --bs-link-color-rgb:       111, 157, 255;
  --bs-link-hover-color:     #a3c1ff;
  --bs-link-hover-color-rgb: 163, 193, 255;

  --bs-card-bg:           #0e1729;
  --bs-card-border-color: #242e4a;
  --bs-card-cap-bg:       #0e1729;
  --bs-table-hover-bg:    #16203c;

  --bs-box-shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);
  --bs-box-shadow:    0 4px 16px rgba(0, 0, 0, .55);
  --bs-box-shadow-lg: 0 16px 44px rgba(0, 0, 0, .6);
}