/* Custom Brand Configuration for Tailwind */
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    --brand-blue: #115e59; /* Changed to a teal/blue-green hybrid to match logo description loosely, will define specific colors in config */
  }
  html {
    scroll-behavior: smooth;
  }
}

/* Custom Color Configuration (injected via classes but defining base vars) */
.text-brand-blue { color: #0C4A6E; } /* Deep Sky Blue Corporate */
.bg-brand-blue { background-color: #0C4A6E; }
.border-brand-blue { border-color: #0C4A6E; }
.hover\:bg-brand-blue-dark:hover { background-color: #072F49; }
.hover\:text-brand-blue-dark:hover { color: #072F49; }
.focus\:ring-brand-blue:focus { --tw-ring-color: #0C4A6E; }
.focus\:border-brand-blue:focus { border-color: #0C4A6E; }
.from-brand-blue { --tw-gradient-from: #0C4A6E; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(12, 74, 110, 0)); }
.to-brand-blue { --tw-gradient-to: #0C4A6E; }
.bg-brand-blue\/10 { background-color: rgba(12, 74, 110, 0.1); }
.bg-brand-blue\/20 { background-color: rgba(12, 74, 110, 0.2); }
.border-brand-blue\/20 { border-color: rgba(12, 74, 110, 0.2); }
.shadow-brand-blue\/30 { --tw-shadow-color: rgba(12, 74, 110, 0.3); --tw-shadow: var(--tw-shadow-colored); }

.text-brand-green { color: #16A34A; } /* Corporate Green */
.bg-brand-green { background-color: #16A34A; }
.border-brand-green { border-color: #16A34A; }
.hover\:bg-brand-green-dark:hover { background-color: #15803D; }
.from-brand-green { --tw-gradient-from: #16A34A; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 163, 74, 0)); }
.to-brand-green { --tw-gradient-to: #16A34A; }
.via-brand-green\/50 { --tw-gradient-stops: var(--tw-gradient-from), rgba(22, 163, 74, 0.5), var(--tw-gradient-to, rgba(22, 163, 74, 0)); }
.bg-brand-green\/10 { background-color: rgba(22, 163, 74, 0.1); }
.bg-brand-green\/20 { background-color: rgba(22, 163, 74, 0.2); }
.shadow-brand-green\/30 { --tw-shadow-color: rgba(22, 163, 74, 0.3); --tw-shadow: var(--tw-shadow-colored); }
.hover\:shadow-brand-green\/50:hover { --tw-shadow-color: rgba(22, 163, 74, 0.5); --tw-shadow: var(--tw-shadow-colored); }

/* Utilities */
.backdrop-blur-md {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Form Styles */
input, select, textarea {
  outline: none;
}