/* Tide template custom CSS style v1.0 */
/* Using the examples, provide your own styling */

/*
.bg-primary {
     background-color: #your-color !important;
}
.text-primary {
     color: #your-color !important;
}
.btn-primary {
     background-color: #your-color !important;
     border-color: #your-color !important;
}
.btn-primary:hover {
     background-color: #your-hover-color !important;
     border-color: #your-hover-color !important;
}
.btn-primary:focus {
     background-color: #your-focus-color !important;
     border-color: #your-focus-color !important;
     box-shadow: 0 0 0 0.2rem rgba(#your-color, 0.5) !important;
}
.btn-primary:active {
     background-color: #your-active-color !important;
     border-color: #your-active-color !important;
}
.btn-primary:disabled {
     background-color: #your-disabled-color !important;
     border-color: #your-disabled-color !important;
}
*/

/*
 * Theme the browser's native scrollbar so its track matches the page
 * background instead of the OS default (light gray/white), which otherwise
 * reads as an uncovered notch in the top-right corner next to a colored
 * header bar.
 */
html, body {
     scrollbar-color: var(--tblr-border-color) var(--tblr-body-bg);
     scrollbar-width: thin;
}
::-webkit-scrollbar {
     width: 12px;
     height: 12px;
}
::-webkit-scrollbar-track {
     background: var(--tblr-body-bg);
}
::-webkit-scrollbar-thumb {
     background-color: var(--tblr-border-color);
     border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
     background-color: var(--tblr-secondary);
}