/* Custom CSS for Mr. Othman's Dark Mode Academy */
:root {
    --primary-dark: #1A202C;
    --secondary-dark: #2D3748;
    --light-gray: #E2E8F0;
    --teal: #38B2AC;
    --orange: #F99503;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    background: linear-gradient(135deg, #1A202C 0%, #2D3748 100%);
    background-attachment: fixed;
}

/* Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes float {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-20px);
    }
}