:root{
    /* Colors */
    --color-primary: #00C853;
    --color-primary-dark: #00A844;
    --color-primary-light: #4DFF88;
    --color-primary-rgb: 0, 200, 83;
    --color-bg: #050505;
    --color-surface: #101010;
    --color-surface-light: #181818;
    --color-white: #FFFFFF;
    --color-text: #EAEAEA;
    --color-text-secondary: #B5B5B5;
    --color-border: rgba(255, 255, 255, .08);
    --color-glass: rgba(255, 255, 255, .04);
    --color-glass-hover: rgba(255, 255, 255, .08);
    --color-shadow: rgba(0, 0, 0, .45);

    /* Gradients */
    --gradient-primary:
        linear-gradient(
            135deg,
            #00C853,
            #00A844
        );
    --gradient-dark:
        linear-gradient(
            180deg,
            #101010,
            #050505
        );

    /* Fonts */
    --font-title: "Space Grotesk", sans-serif;
    --font-text: "Inter", sans-serif;
    --font-code: "JetBrains Mono", monospace;

    /* Layout */
    --container: 1280px;
    --header-height: 72px;
    --sidebar-width: 220px;

    /* Border Radius */
    --radius-small: 8px;
    --radius-medium: 14px;
    --radius-large: 22px;

    /* Spacing */
    --spacing-xs: .5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;
    --spacing-xl: 6rem;

    /* Transition */
    --transition-fast: .2s ease;
    --transition: .35s ease;
    --transition-slow: .6s ease;

    /* Cursor */
    --cursor-x:50%;
    --cursor-y:50%;
}