:root{
    --teal:#109f9c;
    --teal_hover: #109f9c;
}

* {
    font-family: 'Poppins', sans-serif;
}
.h-font {
    font-family: 'Merienda', cursive;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-ap: textfield;
}

.custom-bg {
    background-color:  var(--teal);
    border: 1px solid  var(--teal);
}
.custom-bg:hover {
    background-color: var(--teal_hover);
    border-color: var(--teal_hover);
}
.btn-primary {
    background-color: #04c7d9; 
    border-color: #056774;
  }
  
  .btn-primary:hover {
    background-color: #0c8688; 
    border-color: #08d0c9;
  }
   
/* Enhanced Notification System - Import the main styles */
@import url('notifications.css');

/* Legacy alert styles for backward compatibility */
.custom-alert {
    position: fixed;
    top: 80px;
    right: 25px;
    z-index: 1111;
}

/* Enhanced alert styles */
.alert {
    border-radius: 8px;
    border: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    font-weight: 500;
}

.alert-success {
    background: linear-gradient(135deg, #d4edda, #c3e6cb);
    color: #155724;
    border-left: 4px solid #28a745;
}

.alert-danger {
    background: linear-gradient(135deg, #f8d7da, #f5c6cb);
    color: #721c24;
    border-left: 4px solid #dc3545;
}

.alert-warning {
    background: linear-gradient(135deg, #fff3cd, #ffeaa7);
    color: #856404;
    border-left: 4px solid #ffc107;
}

.alert-info {
    background: linear-gradient(135deg, #d1ecf1, #bee5eb);
    color: #0c5460;
    border-left: 4px solid #17a2b8;
}