:root {
  /* Assets */
  --logo-url:     url('/images/atb/logo.svg');
  --auth-bg-url:  url('/images/atb/auth-background.svg');

  /* Bootstrap link overrides */
  --bs-link-color:       #6F0BBB;
  --bs-link-color-rgb:   111, 11, 187;
  --bs-link-hover-color: #580996;

  /* Core brand */
  --primary:          #6F0BBB;
  --primary-hover:    #580996;
  --secondary:        #ECECF0;
  --secondary-hover:  #DEDCE6;

  /* Dashboard accents */
  --dashboard-requested:  #7b53d6;
  --dashboard-financed:   #2fae7d;
  --dashboard-invoices:   #d7a134;
  --dashboard-termsheets: #4e9bcf;

  /* Backgrounds */
  --background:     #F5F5F7;
  --surface:        #FFFFFF;
  --surface-alt:    #F1F1F5;
  --surface-raised: #F8F8FB;
  --surface-hover:  #ECECF0;

  /* Semantic states */
  --success:         #DDF0E6;
  --success-light:   #e8f5ef;
  --success-border:  #c2e3d2;
  --success-text:    #1f6d45;
  --warning:         #FBE6D5;
  --warning-border:  #f6cfb1;
  --warning-text:    #a2550b;
  --error:           #FEF2F2;
  --error-border:    #f7c2c2;
  --error-text:      #a52929;
  --danger:          #dc3545;

  /* Text */
  --text-main:       #1A1A1A;
  --text-secondary:  #4A4A4A;
  --text-disabled:   #9EA3AE;

  /* Borders */
  --border:        #E8E8EC;
  --border-light:  #E3E3E8;
  --border-medium: #DEDCE6;
  --border-hover:  #CECFD8;

  /* Layout */
  --sidebar-hover: #ECECF0;
  --footer-bg:     #F8F8FB;
  --footer-text:   #7c7f86;

  /* Scrollbars */
  --scrollbar-track:       #F1F1F5;
  --scrollbar-thumb:       #CECFD8;
  --scrollbar-thumb-hover: #BBBCC5;

  /* Auth page */
  --auth-bg:          #400775;
  --auth-footer-text: #D9B8F0;
}

/* Form inputs override for ATB - use neutral colors */
.form-control {
  background-color: #FFFFFF !important;
  color: #1A1A1A !important;
  border-color: #DEDEDE !important;
}

.form-select {
  background-color: #FFFFFF !important;
  color: #1A1A1A !important;
  border-color: #DEDEDE !important;
  accent-color: #6F0BBB;
}

.form-control:focus {
  background-color: #FFFFFF !important;
  border-color: #6F0BBB !important;
  box-shadow: 0 0 0 0.2rem rgba(111, 11, 187, 0.15) !important;
}

.form-select:focus {
  background-color: #FFFFFF !important;
  border-color: #6F0BBB !important;
  box-shadow: 0 0 0 0.2rem rgba(111, 11, 187, 0.15) !important;
}

/* Native select popup colors (Windows/Chromium) */
.form-select option,
select.form-select option {
  background-color: #FFFFFF !important;
  color: #1A1A1A !important;
}

.form-select option:checked,
.form-select option:hover,
.form-select option:focus,
select.form-select option:checked,
select.form-select option:hover,
select.form-select option:focus {
  background-color: #6F0BBB !important;
  color: #FFFFFF !important;
  box-shadow: 0 0 0 100vmax #6F0BBB inset !important;
}

.form-control::placeholder {
  color: #999999 !important;
}

input.form-control {
  background-color: #FFFFFF !important;
}

input.form-control:focus {
  background-color: #FFFFFF !important;
}

/* Override browser autofill styling */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #F5F5F7 inset !important;
  -webkit-text-fill-color: #1A1A1A !important;
}

input:-webkit-autofill {
  border-color: #DEDEDE !important;
}

input:-webkit-autofill:focus {
  border-color: #6F0BBB !important;
  -webkit-box-shadow: 0 0 0 30px #F5F5F7 inset, 0 0 0 0.2rem rgba(111, 11, 187, 0.15) !important;
}

/* Disabled form fields styling */
.form-control:disabled,
.form-control[readonly],
.form-select:disabled,
.form-select[readonly],
input.form-control:disabled,
input.form-control[readonly],
textarea.form-control:disabled,
textarea.form-control[readonly] {
  background-color: #F1F1F5 !important;
  border-color: #E8E8EC !important;
  color: #9EA3AE !important;
  cursor: not-allowed;
}