/* Design Tokens */

:root {
    /* Colors */
    --bg-primary: #000000;
    --bg-secondary: #0a0a0a;
    --bg-tertiary: #141414;
    
    --text-primary: #ffffff;
    --text-secondary: #a0a0a0;
    
    --accent-primary: #6366f1;
    --accent-secondary: #a855f7;
    --accent-tertiary: #3b82f6;
    
    --border-color: rgba(255, 255, 255, 0.1);
    
    /* Typography */
    --font-primary: 'Inter', sans-serif;
    --font-display: 'Outfit', sans-serif;
    --font-mono: 'Space Grotesk', sans-serif;
    
    /* Spacing */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    
    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-full: 9999px;
}