// Should you need to overwrite any of our SCSS code or need to add any custom code, We highly recommend that you add your code into this file, so whenever theme update is available and you update the theme, You will not lose your hard work :)

// Note for dark mode:
// Uncomment below code and change primary color code to set different primary(i.e. light color of your primary) color in dark mode only.

/*User CSS*/

// [data-bs-theme="dark"] {
//   --bs-primary: #2ac5f5 !important;
//   --bs-primary-rgb: 42, 197, 245 !important; 
//   --bs-link-hover-color:#067799 !important;
//   --bs-link-color:#2ac5f5;
//   --bs-link-color-rgb: 42, 197, 245 !important;
//   --bs-link-hover-color-rgb: 6, 119, 153 !important;


//   // Button primary
//   .btn-primary {
//     --bs-btn-bg: var(--#{$prefix}primary);
//     --bs-btn-border-color: var(--#{$prefix}primary);
//     --bs-btn-hover-bg: var(--#{$prefix}link-hover-color);
//     --bs-btn-hover-border-color: var(--#{$prefix}link-hover-color);
//     --bs-btn-active-bg: var(--#{$prefix}link-hover-color);
//     --bs-btn-active-border-color: var(--#{$prefix}link-hover-color);
//     --bs-btn-disabled-bg: var(--#{$prefix}primary);
//   }
//   .btn-link {
//     --bs-link-color: var(--#{$prefix}primary);
//     --bs-btn-hover-color: var(--#{$prefix}link-hover-color);
//     --bs-btn-active-color: var(--#{$prefix}link-hover-color);
//   }
//   .btn-outline-primary {
//     --bs-btn-color: var(--#{$prefix}primary);
//     --bs-btn-border-color: var(--#{$prefix}primary);
//     --bs-btn-hover-bg: var(--#{$prefix}primary);
//     --bs-btn-hover-border-color: var(--#{$prefix}primary);
//     --bs-btn-active-bg: var(--#{$prefix}primary);
//     --bs-btn-active-border-color: var(--#{$prefix}primary);
//     --bs-btn-disabled-color: var(--#{$prefix}primary);
//     --bs-btn-disabled-border-color: var(--#{$prefix}primary);
//   }

//   .btn-primary-soft{
//     color: var(--#{$prefix}primary);
//     background-color: rgba(var(--#{$prefix}primary-rgb), 0.1);
//     &:hover, &:focus{
//       color: $white;
//       background-color: var(--#{$prefix}primary);
//       border-color: var(--#{$prefix}primary);
//     }
//   }

//   // Fill color
//   .fill-primary{
//     fill: var(--#{$prefix}primary) !important;
//   }
// }