:root {
    /* Colors */
    --color-bg: #0B1020;
    --color-bg-secondary: #151b30;
    --color-bg-tertiary: #1f2937;
    --color-text: #E5E7EB;
    --color-text-secondary: #9CA3AF;
    --color-text-tertiary: #6B7280;
    --color-border: rgba(229, 231, 235, 0.1);
    --color-bluemodern: #00D4FF;
    /* Gradient Colors */
    --color-accent-1: #00D4FF;  /* cyan */
    --color-accent-2: #126a95;  /* violet */
    --color-accent-3: #22D3EE;  /* teal */
    --color-accent-4: #F472B6;  /* magenta */
    --color-accent-5: #c25ef8e9;  /* violet */

    /* Gradients */
    --gradient-primary: linear-gradient(135deg, var(--color-accent-1), var(--color-accent-2));
    --gradient-secondary: linear-gradient(135deg, var(--color-accent-3), var(--color-accent-4));
    --gradient-hover: linear-gradient(135deg, var(--color-accent-2), var(--color-accent-1));
    --gradient-third: linear-gradient(135deg, var(--color-accent-1), var(--color-accent-5));
    
    /* Shadows */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
    --shadow-glow: 0 0 20px rgba(110, 231, 249, 0.15);
    
    /* Typography */
    /*--font-family: 'Inter', system-ui, -apple-system, sans-serif;*/
    --font-family: 'Poppins', sans-serif;
    --font-size-xs: 0.75rem;   /* 12px */
    --font-size-sm: 0.875rem;  /* 14px */
    --font-size-base: 1rem;    /* 16px */
    --font-size-lg: 1.125rem;  /* 18px */
    --font-size-xl: 1.25rem;   /* 20px */
    --font-size-2xl: 1.5rem;   /* 24px */
    --font-size-3xl: 2rem;     /* 32px */
    --font-size-4xl: 2.5rem;   /* 40px */
    
    /* Spacing */
    --space-1: 0.25rem;   /*  4px */
    --space-2: 0.5rem;    /*  8px */
    --space-3: 1rem;      /* 16px */
    --space-4: 1.5rem;    /* 24px */
    --space-5: 2rem;      /* 32px */
    --space-6: 3rem;      /* 48px */
    --space-8: 4rem;      /* 64px */
    --space-10: 6rem;     /* 96px */
    
    /* Border Radius */
    --radius-sm: 0.25rem;
    --radius: 0.5rem;
    --radius-lg: 1rem;
    --radius-full: 9999px;
    
    /* Transitions */
    --transition-all: all 0.3s ease;
    --transition-transform: transform 0.3s ease;
    --transition-opacity: opacity 0.3s ease;
    --transition-colors: background-color 0.3s ease, border-color 0.3s ease;
    
    /* Z-index */
    --z-header: 100;
    --z-modal: 200;
    --z-toast: 300;
}