/* Custom styles for The Court Padel Booking App */
body {
    background-color: #F8FAFC; /* surface color from Tailwind config */
    min-height: 100vh;
}
.card {
    /* Subtle box shadow for cards */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
}
.form-input {
    /* Standard input styling */
    width: 100%;
    padding: 0.75rem; /* p-3 */
    border: 1px solid #D1D5DB; /* border-gray-300 */
    border-radius: 0.5rem; /* rounded-lg */
    transition: all 0.2s ease;
}
.form-input:focus {
    outline: none;
    border-color: #F58220; /* primary-orange */
    box-shadow: 0 0 0 2px rgba(245, 130, 32, 0.5); /* focus:ring-2 effect */
}
.btn-primary {
    /* Primary button styling */
    width: 100%;
    padding-top: 0.75rem; /* py-3 */
    padding-bottom: 0.75rem; /* py-3 */
    padding-left: 1rem; /* px-4 */
    padding-right: 1rem; /* px-4 */
    background-color: #F58220; /* primary-orange */
    color: white;
    font-weight: 700; /* font-bold */
    border-radius: 0.5rem; /* rounded-lg */
    box-shadow: 0 4px 6px -1px rgba(245, 130, 32, 0.3);
    transition: background-color 0.2s;
}
.btn-primary:hover {
    background-color: #E2721C; /* slightly darker orange */
}