:root {
    --clr-primary: #ff6600;
    --clr-primary-hover: #e65500;
    --clr-bg: #ffffff;
    --clr-text: #333333;
    --clr-muted: #6c757d;
    --clr-border: #ddd;
    --radius: 6px;
    --transition: 0.3s;
}

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

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to   { opacity: 1; transform: translateY(0); }
}

.animate-fadeIn { animation: fadeIn 0.5s ease-out forwards; }