:root {
    --ts-bg: #f3f6fb;
    --ts-surface: #ffffff;
    --ts-surface-soft: #f8fafc;
    --ts-surface-strong: #eef2f7;
    --ts-border: #dbe3ee;

    --ts-text: #0f172a;
    --ts-muted: #64748b;

    --ts-primary: #6d28d9;
    --ts-primary-strong: #5b21b6;
    --ts-primary-soft: #f5f3ff;

    --ts-accent: #f59e0b;
    --ts-accent-strong: #f97316;

    --ts-success: #16a34a;
    --ts-danger: #dc2626;
    --ts-info: #2563eb;

    --ts-sidebar: #ffffff;
    --ts-sidebar-2: #f8fafc;
    --ts-sidebar-text: #334155;
    --ts-sidebar-muted: #64748b;

    --ts-radius-sm: 10px;
    --ts-radius-md: 16px;
    --ts-radius-lg: 22px;
    --ts-radius-xl: 28px;

    --ts-shadow-sm: 0 8px 24px rgba(15, 23, 42, .06);
    --ts-shadow-md: 0 18px 50px rgba(15, 23, 42, .11);
    --ts-shadow-lg: 0 28px 85px rgba(15, 23, 42, .18);

    --ts-transition: 180ms ease;
}