/* Custom Styles for serdartorun.dev */

:root {
    --navy: #0a192f;
    --light-navy: #112240;
    --lightest-navy: #233554;
    --cyber-green: #64ffda;
    --slate: #8892b0;
    --white: #e6f1ff;
}

body {
    background-color: var(--navy);
    scroll-behavior: smooth;
    transition: all 0.3s ease;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--navy);
}

::-webkit-scrollbar-thumb {
    background: var(--lightest-navy);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--cyber-green);
}

/* Glassmorphism Cards */
.glass-card {
    background: rgba(17, 34, 64, 0.7);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(100, 255, 218, 0.1);
    transition: transform 0.3s ease, border 0.3s ease;
}

.glass-card:hover {
    transform: translateY(-5px);
    border-color: var(--cyber-green);
}

/* Typewriter Effect for Hero */
.mono {
    font-family: 'Space Mono', 'Roboto Mono', monospace;
}

/* Lang Switcher Active State */
button.active-lang {
    color: var(--cyber-green);
    border-color: var(--cyber-green);
    background: rgba(100, 255, 218, 0.1);
}

/* Background Grid Effect (Defense System Vibe) */
.bg-grid {
    background-image: radial-gradient(var(--lightest-navy) 1px, transparent 1px);
    background-size: 40px 40px;
    opacity: 0.3;
}