:root {
    --kcf-color-header: #333333;
    --kcf-color-header-deep: #282828;
    --kcf-color-header-soft: #3b3b3b;
    --kcf-color-header-hover: #444444;
    --kcf-color-purple: #8250df;
    --kcf-color-purple-hover: #7340d0;
    --kcf-color-purple-soft: #f1ebff;
    --kcf-color-green: #45a049;
    --kcf-color-green-soft: #eaf6eb;
    --kcf-color-blue: #398ee8;
    --kcf-color-blue-soft: #eaf4ff;
    --kcf-color-pink: #d64b89;
    --kcf-color-bg: #f3f5f8;
    --kcf-color-surface: #ffffff;
    --kcf-color-surface-soft: #f8f9fb;
    --kcf-color-text: #24282f;
    --kcf-color-muted: #68717d;
    --kcf-color-border: #e1e5ea;
    --kcf-color-border-strong: #d2d8df;
    --kcf-color-danger: #c0372b;
    --kcf-color-warning: #d88a16;
    --kcf-radius: 4px;
    --kcf-shadow-soft: 0 4px 18px rgba(22, 31, 44, .06);
    --kcf-shadow-float: 0 16px 38px rgba(14, 18, 24, .18);
    --kcf-space-xs: 6px;
    --kcf-space-sm: 10px;
    --kcf-space-md: 16px;
    --kcf-space-lg: 24px;
    --kcf-space-xl: 36px;
    --kcf-content-width: 1440px;
    --kcf-frontend-nav-height: 46px;
    --kcf-acp-sidebar-width: 248px;
}