:root {
    --bl-bg: #f7f6f2;
    --bl-sidebar-bg: #f3f2ed;
    --bl-surface: #ffffff;
    --bl-surface-hover: #fbfbf9;
    --bl-soft: #efeee8;
    --bl-soft-2: #f5f4f0;
    --bl-text: #181817;
    --bl-muted: #6f706d;
    --bl-muted-2: #94958f;
    --bl-line: #e3e2dd;
    --bl-line-strong: #d1d0ca;
    --bl-brand: #202923;
    --bl-brand-hover: #151b17;
    --bl-brand-soft: #e7ece8;
    --bl-success: #315f43;
    --bl-success-soft: #edf5ef;
    --bl-warning: #8a5b24;
    --bl-warning-soft: #f8f1e8;
    --bl-danger: #8d3f3a;
    --bl-danger-soft: #fbf0ef;
    --bl-info: #405b72;
    --bl-info-soft: #eef3f7;
    --bl-radius-xs: 8px;
    --bl-radius-sm: 10px;
    --bl-radius: 15px;
    --bl-radius-lg: 20px;
    --bl-radius-xl: 26px;
    --bl-shadow-xs: 0 1px 2px rgba(24,24,23,.035);
    --bl-shadow: 0 1px 2px rgba(24,24,23,.035), 0 10px 30px rgba(24,24,23,.035);
    --bl-shadow-lg: 0 24px 70px rgba(24,24,23,.14);
    --bl-sidebar: 246px;
    --bl-topbar: 68px;
    --bl-content-max: 1500px;
    --bl-transition: 160ms ease;
}