:root {
    /* Color Palette - Dark & Premium */
    --bg-dark: #0f1115;
    --bg-panel: #181b21;
    --bg-card: #22262e;
    --accent-primary: #6c5ce7;
    /* Vibrant Purple */
    --accent-hover: #5b4cc4;
    --accent-secondary: #00cec9;
    /* Teal for highlights */
    --text-main: #ffffff;
    --text-muted: #a0a0a0;
    --border-color: #333842;

    /* Spacing & Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;

    /* Effects */
    --shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.3);
    --glass-bg: rgba(24, 27, 33, 0.7);
    --glass-border: 1px solid rgba(255, 255, 255, 0.05);
}