/* Custom styles */
body {
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* Enhanced focus states using primary color */
input:focus, textarea:focus, button:focus-visible, a:focus-visible { /* Added a:focus-visible */
    outline: 2px solid transparent;
    outline-offset: 2px;
    /* Using Indigo-500 for focus ring */
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.5); /* Indigo-500 with opacity */
}
/* Smooth transition for links and buttons */
a, button {
    transition: all 0.2s ease-in-out; /* Slightly faster transition */
}
/* Refined Hero Background Gradient */
.hero-background {
     /* Indigo -> Violet -> Purple gradient */
     background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #9333ea 100%); /* Approx Indigo-500 -> Violet-500 -> Purple-600 */
     position: relative;
     overflow: hidden;
}

/* Fade-in animation for sections */
.section-fade-in {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.section-fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Ensure sticky header doesn't overlap smooth scroll target */
html {
    scroll-padding-top: 80px;
}

/* Style adjustments for Google Material Symbols */
.material-symbols-outlined {
  vertical-align: middle; /* Default alignment */
  font-size: 1.1em; /* Slightly larger than surrounding text by default */
  line-height: 1; /* Prevent extra line height */
}
/* Specific adjustments for header icons */
header .material-symbols-outlined {
    font-size: 1.5rem; /* text-2xl */
    position: relative;
}
/* Specific adjustments for chat button icon */
#chat-toggle-button .material-symbols-outlined {
     font-size: 1.875rem; /* text-3xl */
     line-height: 1;
     vertical-align: baseline; /* Reset for flex centering */
}
 #chat-widget .material-symbols-outlined {
     font-size: 1.25rem; /* text-xl */
     line-height: 1;
     vertical-align: middle;
}
 #chat-widget button .material-symbols-outlined {
     font-size: 1.125rem; /* text-lg */
 }
 /* Updated Expertise section icon size */
 #expertise .material-symbols-outlined {
     font-size: 2.5rem; /* text-4xl */
     line-height: 1;
 }