/* Custom CSS for Ginger and Company */
:root {
    --teal-400: #2dd4bf;
    --teal-500: #14b8a6;
    --teal-600: #0d9488;
    --teal-700: #0f766e;
    --orange-400: #fb923c;
    --orange-500: #f97316;
}

body {
    font-family: 'Outfit', sans-serif;
    scroll-behavior: smooth;
}

/* Accessibility focus states */
button:focus, a:focus, input:focus, textarea:focus, select:focus {
    outline: 2px solid var(--teal-600);
    outline-offset: 2px;
}

/* Mobile responsiveness tweaks */
@media (max-width: 768px) {
    h1 {
        font-size: 2.5rem;
    }
    
    .hero-card {
        margin-bottom: 1rem;
    }
}