:root {
    --kn-primary: #00B288;
    --kn-primary-hover: #00A07A;
    --kn-primary-light: #DCF3EB;
    --kn-primary-active: #4FB28F;
    --kn-danger: #E35454;
    --kn-danger-hover: #c0392b;
    --kn-text: #2E2A25;
    --kn-text-secondary: #95938F;
    --kn-text-muted: #666666;
    --kn-text-dark: #615E5A;
    --kn-disabled: #BEBDBA;
    --kn-border: #DDDDDA;
    --kn-border-light: #E7E7E5;
    --kn-bg: #F8F8F6;
    --kn-bg-secondary: #DDDDDA;
    --kn-bg-input: #FAFAF8;
    --kn-bg-header: #F2F2EF;
    --kn-font-primary: 'Poppins';
    --kn-spacing-sm: 8px;
    --kn-spacing-md: 12px;
    --kn-spacing-lg: 16px;
    --kn-spacing-xl: 20px;
    --kn-custom-spacing-lg: 16px 12px;
    --kn-radius-sm: 6px;
    --kn-radius-md: 10px;
    --kn-radius-lg: 15px;
    --kn-radius-xl: 20px;
    --kn-radius-full: 50px;
    --kn-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
    --kn-shadow-md: 0 4px 20px rgba(0, 0, 0, 0.15);
    --kn-shadow-lg: 0 5px 40px 0 rgba(46, 42, 37, 0.20);
    --kn-shadow-dropdown: -2px -2px 4px rgba(0, 0, 0, 0.05);
    --kn-z-sticky: 1000;
    --kn-z-dropdown: 100;
    --kn-z-modal-backdrop: 2001;
    --kn-z-modal: 2002;
    --kn-transition-fast: 0.15s ease;
    --kn-transition-normal: 0.2s ease;
}

@media (max-width: 768px) {
    :root {
        --kn-spacing-md: 10px;
        --kn-spacing-lg: 12px;
        --kn-custom-spacing-lg: 14px 10px;
    }
}