:root {
    --primary-color: #1BA098;
    --secondary-color: #FFD700;
    --background-color: #A5C9C7;
}

.bg-primary { background-color: var(--primary-color); }
.text-primary { color: var(--primary-color); }
.border-primary { border-color: var(--primary-color); }
.bg-secondary { background-color: var(--secondary-color); }
.text-secondary { color: var(--secondary-color); }
.bg-background { background-color: var(--background-color); }

/* Logo styles */
.nav-logo {
    transition: opacity 0.3s ease;
}

.nav-logo:hover {
    opacity: 0.9;
}

.footer-logo {
    opacity: 0.9;
}
/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Mobile menu transition */
#mobile-menu {
    transition: opacity 0.3s ease-in-out;
}

/* Touch-friendly buttons */
button, 
a {
    min-height: 44px;
    min-width: 44px;
}

/* Prevent content shift when scrolling */
body {
    padding-top: 64px;
}

@media (min-width: 768px) {
    body {
        padding-top: 72px;
    }
}

/* Image optimizations */
img {
    max-width: 100%;
    height: auto;
}

/* Focus states for accessibility */
a:focus, button:focus {
    outline: 2px solid var(--secondary-color);
    outline-offset: 2px;
}

/* Better tap targets on mobile */
@media (max-width: 768px) {
    .nav-link {
        padding: 0.75rem;
        display: inline-block;
    }
}