/* styles.css */
/* Minimal custom styles for Hilltop Welding and Maintenance LLC website */

/* You can define CSS variables here if you want to create custom utility classes 
  in Tailwind or for very specific global styles not easily achieved with utilities.
  For example:
  :root {
    --hilltop-primary-color: #1E293B; / * Slate-800 * /
    --hilltop-accent-color: #F59E0B;  / * Amber-500 * /
  }

  Then you could use these in Tailwind's config (if not using CDN directly for everything)
  or for rare global overrides.

  For this project, we are primarily relying on Tailwind's default utility classes
  and the CDN, so this file might remain very light or even empty.
*/

body {
    /* Example: Define a default font stack if not fully covered by Tailwind's font-sans */
    /* font-family: 'Inter', sans-serif; (Ensure Inter is loaded if you use it) */
    /* Tailwind's `font-sans` usually includes a good system font stack. */
}

/* You might add specific styles for third-party plugin overrides here if needed */

/* Example of a very specific style not easily done with Tailwind utilities: */
/*
.custom-underline-animation {
    position: relative;
    display: inline-block;
}

.custom-underline-animation::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: var(--hilltop-accent-color, #F59E0B); / * Fallback color * /
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}

.custom-underline-animation:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}
*/

/* Styling for form validation messages (can also be done with Tailwind) */
.error-message {
    color: #dc2626; /* Tailwind's red-600 */
    font-size: 0.875rem; /* text-sm */
    margin-top: 0.25rem; /* mt-1 */
}

.success-message {
    color: #16a34a; /* Tailwind's green-600 */
    font-size: 0.875rem; /* text-sm */
    margin-top: 0.25rem; /* mt-1 */
}