/* Custom CSS - Add your custom styles here */

/* Custom colors and variables */
:root {
    --color-primary: #0193D2;
    --color-accent: #4db8e8;
    --color-brown: #4F3824;
}

/* Mesh gradient background */
.mesh-gradient-light {
    background-color: #ffffff;
    background-image: 
        radial-gradient(at 0% 0%, rgba(1, 147, 210, 0.05) 0px, transparent 50%),
        radial-gradient(at 100% 0%, rgba(77, 184, 232, 0.1) 0px, transparent 50%),
        radial-gradient(at 100% 100%, rgba(1, 147, 210, 0.03) 0px, transparent 50%),
        radial-gradient(at 0% 100%, rgba(79, 56, 36, 0.02) 0px, transparent 50%);
}

/* Glass navigation effect */
.glass-nav-light {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/* Apple card effect */
.apple-card {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 1);
    box-shadow: 0 20px 50px -12px rgba(0, 0, 0, 0.08);
}

/* Code window styling */
.code-window {
    background: #ffffff;
    box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.12), 0 18px 36px -18px rgba(0, 0, 0, 0.15);
}

/* Add your custom styles below this line */