/* Override Bootstrap theme colors */
:root {
    --bs-primary: #218B4A; /* Custom primary color (e.g., blue) */
    --bs-secondary: #6DAF48; /* Custom secondary color (e.g., grey) */
    --bs-success: #0D1C44; /* Custom success color (e.g., green) */
    --bs-info: #0D1C44; /* Custom info color (e.g., teal) */
    --bs-warning: #DDD653; /* Custom warning color (e.g., orange) */
    --bs-danger: #e51937; /* Custom danger color (e.g., red) */
    --bs-light: #ecf0f1; /* Custom light color (e.g., light grey) */
    --bs-dark: #2c3e50; /* Custom dark color (e.g., dark blue/black) */
}

/* Optional: Customize button text color */
.btn-primary {
    color: #ffffff; /* Ensure button text is white */
}

body {
    background-color: #FFFFFF; /* Replace #f0f0f0 with your desired color */
  }
  
  /* Include font-face declarations */
  @font-face {
      font-family: 'AUDimat Bold';
      src: url('fonts/AUDIMAT BOLD.OTF') format('truetype');
  }
  
  @font-face {
      font-family: 'Cantarell Regular';
      src: url('fonts/CANTARELL-REGULAR.TTF') format('truetype');
      font-weight: 400 Define the weight range available in the variable font
  }
  
  @font-face {
    font-family: 'Cantarell Bold';
    src: url('fonts/CANTARELL-BOLD.TTF') format('truetype');
    font-weight: 800 Define the weight range available in the variable font
  }
  
  /* Custom button style */
  .filter-button {
    background-color: #218B4A;
      border-color: #FFFFFF;
      color: #FFFFFF;
  }
  .filter-button:hover {
    background-color: #218B4A;
      border-color: #6DAF48;
      color: #6DAF48;
  }
  
  .logout-button {
    background-color: #218B4A;
    border-color: #FFFFFF;
    color: #FFFFFF;
  }
  .logout-button:hover {
    background-color: #218B4A;
    border-color: #DDD653;
    color: #DDD653;
  }
  
  .login-button {
    background-color: #0D1C44;
    border-color: #0D1C44;
    color: #FFFFFF;
  }

  .task_complete-button {
    background-color:#218B4A;
      border-color: #FFFFFF;
      color: #FFFFFF;
  }

  .new_task-button {
    background-color:#218B4A;
      border-color: #FFFFFF;
      color: #FFFFFF;
  }

  .pause-button {
    background-color:#e51937;
      border-color: #FFFFFF;
      color: #FFFFFF;
  }

  .info-button {
    background-color:#FFFFFF;
    border-color: #0D1C44;
    color: #0D1C44;
  }
  .info-button:hover {
    background-color:#0D1C44;
    border-color: #FFFFFF;
    color: #FFFFFF;
  }
  .info-button:active {
    background-color:#0D1C44;
    border-color: #FFFFFF;
    color: #FFFFFF;
  }
  
  /* slider color */
  .rc-slider-track {
      background-color: #218B4A;
    }
    
    .rc-slider-dot-active {  
      border-color: #218B4A;
      border: solid 2px #218B4A;
    }
    
    .rc-slider-handle {
      background-color: #218B4A;
      border-color: #6DAF48;
    }
    
    .rc-slider-handle:hover {
      border-color: #ADE17F;
    }
    
    .rc-slider-handle-active:active {
      border-color: #6DAF48;
    }
  
  /* Custom font styles */
  .heading {
      font-family: 'AUDimat Bold';
      font-weight: bold;
      font-size: 2.5rem;
  }
  
  .sub-heading {
      font-family: 'AUDimat Bold';
      font-weight: bold;
      font-size: 1.5rem;
  }
  
  .bold-body{
      font-family: 'Cantarell Bold';
      font-weight: bold;
  }
  
  .body {
      font-family: 'Cantarell Regular';
      font-weight: normal;
  }
  
  .dropdown-toggle::after {
    border-top-color: #0D1C44 !important; /* Change this to your desired color */
  }
  
  .dropdown-toggle {
    border: none !important;
    box-shadow: none !important; /* Remove any shadow if present */
  }
  
  .dropdown-menu {
    border: none !important;
  }

/* Radio Items*/
  .radio-items-container {
    display: flex; /* Ensures items are aligned properly */
    gap: 15px; /* Space between the radio buttons */
    color: #0D1C44; /* Default text color */
    font-size: 1rem; /* Font size for labels */
  }

  .radio-items-container input[type="radio"] {
      accent-color: #218B4A; /* Color of the radio button when selected */
      margin-right: 5px; /* Space between the button and the label */
  }