:root {
    --bg: #f7f8fc;
    --surface: #ffffff;
    --surface-2: #f1f3f9;
    --text: #111827;
    --muted: #667085;
    --border: #e4e7ec;
    --primary: #5b3df5;
    --primary-2: #7b61ff;
    --primary-soft: #eeeaff;
    --success: #16a66a;
    --success-soft: #e9f8f1;
    --warning: #f59e0b;
    --warning-soft: #fff7e8;
    --danger: #ef4444;
    --danger-soft: #fff0f0;
    --info: #3385ff;
    --info-soft: #edf5ff;

    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --shadow-sm: 0 4px 16px rgba(16, 24, 40, .06);
    --shadow-md: 0 16px 48px rgba(16, 24, 40, .10);

    --container: 1180px;
    --sidebar: 250px;
}