:root {
    /* Color Palette - RSI / Space Theme */
    --primary: #00dcff; /* Cyan */
    --primary-dark: #00a3cc;
    --secondary: #0b1015; /* Deep Space Black */
    --background: #06080a; /* Almost Black */
    --surface: #141b22; /* Dark Blue-Grey */
    --text-main: #e2e8f0; /* Light Grey */
    --text-light: #94a3b8; /* Slate 500 */
    --border: #1e293b; /* Slate 800 */
    --accent: #f59e0b; /* Amber/Orange */
    
    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;

    /* Shadows */
    --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.3);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.3);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.4);

    /* Border Radius */
    --radius-sm: 2px; /* Sharp corners */
    --radius-md: 4px;
    --radius-lg: 4px;
    
    /* Transitions */
    --transition: all 0.2s ease-in-out;
}