/*
 * Custom CSS for the Contact Us (contact.html) page
 * File Name: CUs_CSS.css
 */

/* Define the brand colors based on the Tailwind classes you appear to be using */
/* color-primary: Matches Blue-900 (for headers/CTA sections) */
.color-primary {
    background-color: #1e3a8a; /* A dark, deep blue */
}

/* color-secondary: Matches a darker gray (for the footer) */
.color-secondary {
    background-color: #1f2937; /* A very dark gray/nearly black */
}

/* General Link Styling (optional, but good for consistency) */
a {
    transition: color 0.3s ease-in-out;
}

/* Enhancements for form elements (Tailwind does most, but custom touches) */
input[type="text"],
input[type="email"],
textarea {
    /* Basic styling for consistency, Tailwind handles most of this already */
    border-radius: 0.375rem; /* Tailwind 'rounded-md' */
    border-width: 1px; /* Tailwind 'border' */
    padding: 0.5rem 0.75rem; /* Tailwind 'py-2 px-3' */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* Tailwind 'shadow-sm' */
}

input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
    outline: none;
    ring-width: 2px; /* Tailwind 'focus:ring-2' */
    ring-color: #3b82f6; /* Tailwind 'focus:ring-blue-500' */
    border-color: #3b82f6; /* Tailwind 'focus:border-blue-500' */
}