:root {
    --bg: #f7f9fc;
    --surface: #ffffff;
    --border: #e4e9f2;
    --text: #1a2639;
    --text-soft: #5e6f8d;
    --primary: #4f6ef7;
    --primary-light: #eef2ff;
    --success: #2dd4bf;
    --warning: #f59e0b;
    --danger: #f43f5e;
    --radius-sm: 12px;
    --radius-md: 18px;
    --radius-full: 60px;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.03);
    --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.08);
    --header-height: 64px;
    --mobile-nav-height: 64px;
    --sidebar-width: 260px;
    --font-light: 300;
    --font-regular: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --transition-fast: 0.15s ease;
    --transition-smooth: 0.25s ease;
}