/* login.css */
body {
    background: #f0f0f0; /* Light grey background */
    font-family: 'Raleway', sans-serif;
}
body {
    background: linear-gradient(#f5f1e3, #e1e0d9); /* Light cream gradient background */
    font-family: 'Raleway', sans-serif;
    color: #333; /* Dark grey text for readability */
}
input[type="submit"] {
    background-color: #b8a58a; /* Cream color for the button */
    color: #333; /* Dark text color for contrast */
    border: none;
    padding: 15px;
    font-size: 18px;
    cursor: pointer;
    border-radius: 8px;
    transition: background-color 0.3s ease;
    width: 100%; /* Make the button full-width */
}

input[type="submit"]:hover {
    background-color: #e1e0d9; /* Slightly darker cream on hover */
}
/* General Page Styling */
body {
    background: linear-gradient(#f5f1e3, #f0e6d6); /* Cream gradient background */
    font-family: 'Raleway', sans-serif;
    color: #333; /* Dark grey text for good contrast */
}

/* Form Container */
.container.login {
    margin-top: 50px;
}

/* Form Styling */
.users.form.content {
    background-color: #ffffff; /* White background for the form */
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

/* Form Fields */
.users.form.content .form-control {
    border-radius: 10px;
    border: 1px solid #ccc;
    padding: 12px;
    margin-bottom: 20px;
    font-size: 16px;
}

/* Button Styling */
button, .button {
    background-color: #f0e6d6; /* Cream color */
    color: #333; /* Dark text on cream */
    border: none;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

button:hover, .button:hover {
    background-color: #e1d4b2; /* Slightly darker cream when hovering */
}


/* Error Message Styling */
.flash-error {
    color: red;
    font-weight: bold;
}

/* Form Heading */
legend {
    font-size: 24px;
    font-weight: bold;
    color: #c39a6e; /* Blue for the form heading */
}

/* Form Spacing */
hr.hr-between-buttons {
    margin-top: 30px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #ccc;
}


/* Register & Home links */
.button-clear {
    color: #333;
    background-color: transparent;
    text-decoration: none;
}

/* ChicCharm Title Styling */
.chiccharm-title {
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 30px; /* Space between the title and the form */
    font-family: 'Raleway', sans-serif;
}

/* Style for Chic */
.chic {
    color: #bfad93; /* Blue color for "Chic" */
}

/* Style for Charm */
.charm {
    color: #c39a6e; /* Creamy color for "Charm" */
}