@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap');

:root {
    --primary: #1B4332 !important;
    --primary-light: #8dad2e !important;
    --secondary: #95D5B2 !important;
    --accent: #D8F3DC !important;
    --dark: #081C15 !important;
    --light: #F8F9FA !important;
    --white: #ffffff !important;
    --gray: #6c757d !important;
    --shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
    --transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    --max-width: 1200px !important;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

html, body {
    overflow-x: hidden;
    width: 100%;
    position: relative;
    line-height: 1.7;
    color: var(--dark);
    background-color: var(--white);
    -webkit-font-smoothing: antialiased;
    font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, p, .font-roboto {
    font-family: 'Roboto', sans-serif;
}

a {
    transition: var(--transition);
}

/* Background Animation for Hero */
@keyframes bgMove {
    from { background-position: center; }
    to { background-position: 55% 45%; }
}

/* Custom Utilities that Tailwind might miss or for clarity */
.glass-panel {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* AOS Animation Logic */
[data-aos] {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 1.2s cubic-bezier(0.4, 0, 0.2, 1), transform 1.2s cubic-bezier(0.4, 0, 0.2, 1);
}

[data-aos].active {
    opacity: 1;
    transform: translateY(0);
}

[data-aos="fade-up"] { transform: translateY(50px); }
[data-aos="fade-right"] { transform: translateX(-50px); }
[data-aos="fade-left"] { transform: translateX(50px); }
[data-aos="zoom-in"] { transform: scale(0.9); }

[data-aos].active {
    transform: translate(0) scale(1);
}

/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: var(--light);
}
::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--primary-light);
}