/* --- Base Styles --- */
body {
    font-family: 'Inter', sans-serif;
}

/* --- Custom Component Styles --- */

/* Custom styling for the range slider thumb for Webkit browsers */
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: #10B981; /* Tailwind's Emerald-500 */
    cursor: pointer;
    border-radius: 50%;
    margin-top: -6px; /* Vertically center the thumb on the track */
}

/* Custom styling for the range slider thumb for Mozilla browsers */
input[type="range"]::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: #10B981;
    cursor: pointer;
    border-radius: 50%;
}

/* Custom styling for checkboxes to ensure consistent theming */
.custom-checkbox:checked {
    background-color: #10B981;
    border-color: #10B981;
}
.custom-checkbox:checked:hover {
     background-color: #059669; /* Darker shade for hover state */
     border-color: #059669;
}