/* css/main.css */
@import url('./utils/reset.css');
@import url('./utils/variables.css');
@import url('./pages/index.css');
@import url('./pages/contact.css');
@import url('./pages/dashboard.css');



/* google fonts */
/* @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap'); */

/* Override Bootstrap's default variables */
:root {
  --bs-primary: var(--primary-color); /* Override Bootstrap's primary color */
  --bs-primary-rgb: 0, 123, 255; /* RGB for Bootstrap's utilities */
  --bs-secondary: var(--secondary-color);
  --bs-secondary-rgb: 108, 117, 125;
}

/* Custom styles using variables */
.container-custom {
  padding: var(--spacing-md);
  background-color: var(--background-light);
  color: var(--text-dark);
}

/* Override Bootstrap button styles */
.btn-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-dark);
  font-size: var(--font-size-base);
}

.bg-primary {
  background-color: var(--primary-color) !important;
}

.bg-secondary {
    background-color: var(--primary-color);
    border-color: var(--primary-dark);
}

.text-primary{
  color: var(--primary-color) !important;
}
.btn-primary:hover {
  background-color: var(--primary-dark);
  border-color: var(--primary-color);
}

/* Dark theme for specific sections */
.dark-theme {
  background-color: var(--dark-theme-bg);
  color: var(--dark-theme-text);
}

.squre-text{
    text-align:justify;
}

.navbar-toggler, .navbar-toggler:focus,
.navbar-toggler:active {
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
}

.notifications{
  color: rgb(190, 12, 12) !important;
}



