:root {
    /* Colors - Dark Premium Theme */
    --bg-color: #0d0d0d;
    --text-color: #e0e0e0;
    --accent-color: #00bcd4;
    /* Cyan accent */
    --accent-hover: #008ba3;
    --glass-bg: rgba(20, 20, 20, 0.7);
    --glass-border: rgba(255, 255, 255, 0.1);

    /* Spacing */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 32px;
    --spacing-xl: 64px;

    /* Fonts (Custom - Outfit) */
    --font-main: 'Outfit', 'Inter', system-ui, sans-serif;

    /* Layout */
    --nav-height: 70px;
    --footer-height: 60px;
}

/* Font Face Definitions */
@font-face {
    font-family: 'Outfit';
    src: url('../assets/fonts/Outfit-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Outfit';
    src: url('../assets/fonts/Outfit-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Outfit';
    src: url('../assets/fonts/Outfit-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}