:root {
    --lp-bg: #f3f6fb;
    --lp-surface: #ffffff;
    --lp-surface-2: #f8fbff;
    --lp-surface-3: #eef4ff;
    --lp-border: #dde6f2;
    --lp-border-strong: #c9d6e7;
    --lp-text: #0f172a;
    --lp-text-soft: #64748b;
    --lp-text-muted: #94a3b8;
    --lp-primary: #2563eb;
    --lp-primary-2: #1d4ed8;
    --lp-primary-3: #0f3fb8;
    --lp-success: #16a34a;
    --lp-warning: #d97706;
    --lp-danger: #dc2626;
    --lp-info: #0891b2;
    --lp-sidebar-start: #0f172a;
    --lp-sidebar-end: #111827;
    --lp-sidebar-width: 278px;
    --lp-sidebar-collapsed: 78px;
    --lp-topbar-height: 72px;
    --lp-content-max: 1680px;
    --lp-radius-xs: 8px;
    --lp-radius-sm: 10px;
    --lp-radius: 14px;
    --lp-radius-lg: 18px;
    --lp-radius-xl: 22px;
    --lp-shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);
    --lp-shadow-sm: 0 3px 12px rgba(15, 23, 42, .05);
    --lp-shadow: 0 10px 30px rgba(15, 23, 42, .08);
    --lp-shadow-lg: 0 18px 48px rgba(15, 23, 42, .12);
    --lp-gap-1: 4px;
    --lp-gap-2: 8px;
    --lp-gap-3: 10px;
    --lp-gap-4: 12px;
    --lp-gap-5: 16px;
    --lp-gap-6: 20px;
    --lp-gap-7: 24px;
    --lp-pad-1: 8px;
    --lp-pad-2: 10px;
    --lp-pad-3: 12px;
    --lp-pad-4: 14px;
    --lp-pad-5: 16px;
    --lp-pad-6: 20px;
    --lp-transition: all .22s ease;
    --lp-font-family: 'Plus Jakarta Sans', 'Segoe UI', Arial, sans-serif;
}