:root {
    --primary: #2F4F2F;
    --secondary: #8AA653;
    --accent: #FFFFFF;
    --bg-main: #FAFAFC;
    --card-bg: rgba(255, 255, 255, 0.85);
    --text-dark: #0F172A;
    --text-muted: #475569;
    --nav-text: #FFFFFF;
    --nav-bg: rgba(255, 255, 255, 0.03);
    --nav-border: rgba(255, 255, 255, 0.08);
    --nav-blur: 16px;
}

h2 {
    color: var(--accent);
}

.nav-scrolled {
    --nav-text: #0F172A;
    --nav-bg: rgba(250, 250, 252, 0.85);
    --nav-border: rgba(15, 23, 42, 0.06);
    --nav-blur: 24px;
    box-shadow: 0 4px 30px rgba(15, 23, 42, 0.05);
}

body {
    background-color: var(--bg-main);
    color: var(--text-dark);
    overflow-x: hidden;
    scroll-behavior: smooth;
    font-family: 'Tajawal', 'Cairo', system-ui, sans-serif;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

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