/* Base styles */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    line-height: 1.6;
    color: #333;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    line-height: 1.2;
    color: #1f2937;
}

/* Transitions */
.feature-card,
.hero,
.cta {
    transition: all 0.3s ease;
}

/* Custom button styles */
.btn-primary {
    background-color: #f59e0b;
    color: white;
}

.btn-primary:hover {
    background-color: #e0900b;
}

.btn-secondary {
    background-color: #84cc16;
    color: white;
}

.btn-secondary:hover {
    background-color: #76b815;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .hero h1 {
        font-size: 2.5rem;
    }
    
    .hero p {
        font-size: 1.1rem;
    }
}

/* Animation for feature cards */
.feature-card:hover {
    transform: translateY(-5px);
}

/* Accessibility focus styles */
a:focus, button:focus {
    outline: 2px solid #f59e0b;
    outline-offset: 2px;
}