:root {
    --primary: #647cc4;
    --primary-dark: #536caf;
    --primary-light: #eff6ff;
    --body-bg: #f5f7fb;
    --surface: #fff;
    --text-primary: #111827;
    --text-secondary: #6b7280;
    --border-color: #e5e7eb;
    --danger: #dc2626;
    --warning: #f97316;
    --radius: 10px;
    --shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    --sidebar-width: 200px;
    --sidebar-brand-height: 56px;
    --content-padding: 12px;
    --nav-item-height: 36px;
    --font-size-base: 13px;
    --font-size-sm: 12px;
}

body {
    margin: 0;
    background: var(--body-bg);
    color: var(--text-primary);
    font-size: var(--font-size-base);
}