@font-face {
    font-family: 'Outfit';
    src: url('../fonts/outfit-regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('../fonts/playfair-italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

:root {
    --fresh-teal: #2dd4bf;
    --fresh-dark: #0f172a;
    --fresh-light: #f8fafc;
}

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

.font-serif-italic {
    font-family: 'Playfair Display', serif;
    font-style: italic;
}

/* Breeze Animation */
.fresh-breeze {
    animation: breeze 10s infinite ease-in-out;
}

@keyframes breeze {
    0%, 100% { transform: translate(0, 0) rotate(0deg); }
    33% { transform: translate(10px, -10px) rotate(1deg); }
    66% { transform: translate(-5px, 5px) rotate(-1deg); }
}

.teal-glow {
    animation: teal-pulse 4s infinite ease-in-out;
}

@keyframes teal-pulse {
    0%, 100% { filter: drop-shadow(0 0 2px rgba(45,212,191,0.2)); }
    50% { filter: drop-shadow(0 0 10px rgba(45,212,191,0.4)); }
}