/* src/assets/css/variables.css */
:root {
    /* Color Palette */
    --color-bg-primary: #050505; /* Black background */
    --color-bg-secondary: #0a0a0a; /* Slightly lighter for contrast */
    --color-bg-tertiary: #111111; /* Even lighter for cards */
    
    --color-text-primary: #ffffff;
    --color-text-secondary: #a3a3a3; /* Gray for subtitles/descriptions */
    
    --color-accent: #1D4EDB; /* Requested Blue */
    --color-accent-hover: #1e40af; /* Darker blue for hover states */
    
    --color-border: #262626;

    /* Typography */
    --font-primary: 'Inter', sans-serif;
    
    /* Spacing */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 2rem;
    --space-lg: 4rem;
    --space-xl: 6rem;
    
    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-full: 9999px;

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
}