:root {
    --bg: #0d1420;
    --surface: #152030;
    --border: #2a3748;
    --text: #eef2f6;
    --text-soft: #9aabbf;
    --primary: #6a9cff;
    --primary-light: #1e2a3a;
    --success: #2dd4bf;
    --warning: #f59e0b;
    --danger: #f43f5e;
    --purple: #a78bfa;
    --radius-sm: 12px;
    --radius-md: 18px;
    --radius-full: 60px;
    --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.3);
    --header-height: 64px;
    --mobile-nav-height: 64px;
    --sidebar-width: 280px;
    --font-light: 300;
    --font-regular: 400;
    --font-medium: 500;
    --transition: 0.2s ease;
}